html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after {
    content: '';
    content: none
}

q:before,
q:after {
    content: '';
    content: none
}

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

.pull-left {
    float: left !important
}

.pull-right {
    float: right !important
}

.fixed {
    position: fixed !important
}

.shadowed,
.shadowed__hover,
.card,
.quickdate-popup,
.message,
popout,
.v-popout,
.popup-dropdown .dropdown-button,
.card.bundle-card>img,
.card.curriculum-card>img,
.card.course-card .pending:hover:after,
.empty-results-message,
.container .filter-trigger,
.container--body .filter-trigger,
.container--catalog .filter-trigger,
.section .container--centered .filter-trigger,
dropdown-search .autocomplete-container,
filter-panel,
filter-panel .back-to-top,
.course-details-container .status .notification {
    border: 1px solid #D8D8D8;
    box-shadow: 0px 0px 5px 2px rgba(216, 216, 216, 0.35)
}

.shadowed__hover,
.card {
    transition: box-shadow 0.5s
}

.shadowed__hover:hover,
.card:hover {
    box-shadow: 0px 0px 5px 2px #d8d8d8
}

.menu-hover,
.popup-dropdown popout li,
.popup-dropdown .v-popout li,
dropdown-search .autocomplete-container li {
    transition: color 0.2s ease-in;
    color: rgba(39, 39, 39, 0.6)
}

.menu-hover:hover,
.popup-dropdown popout li:hover,
.popup-dropdown .v-popout li:hover,
dropdown-search .autocomplete-container li:hover {
    color: #272727
}

.animate-items {
    float: left
}

.animate-items:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 1350px) {
    .animate-items.ng-leave {
        transition: 0.5s ease-in-out all;
        position: relative;
        top: 0;
        opacity: 1
    }

    .animate-items.ng-leave-active {
        opacity: 0;
        top: 20px
    }

    .animate-items.ng-enter {
        transition: 0.5s ease-in-out all;
        position: relative;
        top: 20px;
        opacity: 0
    }

    .animate-items.ng-enter.ng-enter-active {
        top: 0;
        opacity: 1
    }

    .animate-items.ng-enter-stagger {
        transition-delay: 0.2s
    }
}

@keyframes rotateWordsSecond {
    0% {
        opacity: 0;
        animation-timing-function: ease-in
    }

    8% {
        opacity: 1
    }

    19% {
        opacity: 1
    }

    25% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

* {
    font-family: 'Open Sans', sans-serif !important
}

.base-typography,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
    line-height: 1.35
}

h1 {
    font-weight: 300;
    font-size: 36px
}

h2 {
    font-weight: 400;
    font-size: 24px
}

h3 {
    font-weight: 700;
    font-size: 24px
}

h4 {
    font-weight: 700;
    font-size: 18px
}

h5 {
    font-weight: 700;
    font-size: 14px
}

h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px
}

p {
    font-weight: 300
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

.lightFont {
    font-weight: 300
}

.mediumFont {
    font-weight: 300
}

.lightFont {
    font-weight: 300
}

.text-danger {
    color: #a94442
}

ol {
    list-style-type: upper-roman;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px
}

ul {
    list-style-type: disc;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px
}

li {
    font-weight: 300;
    padding-left: 20px;
    line-height: 1.35
}

p+p {
    margin-top: 15px
}

p+h2,
p+h3,
p+h4,
p+h5,
p+h6 {
    margin-top: 30px
}

h1+p,
h1+h2,
h1+h3,
h1+h4,
h1+h5,
h1+h6 {
    margin-top: 15px
}

h2+p,
h2+h1,
h2+h3,
h2+h4,
h2+h5,
h2+h6 {
    margin-top: 15px
}

h3+p,
h3+h1,
h3+h2,
h3+h4,
h3+h5,
h3+h6 {
    margin-top: 15px
}

h4+p,
h4+h1,
h4+h2,
h4+h3,
h4+h5,
h4+h6 {
    margin-top: 15px
}

h5+p,
h5+h1,
h5+h2,
h5+h3,
h5+h4,
h5+h6 {
    margin-top: 15px
}

h6+p,
h6+h1,
h6+h2,
h6+h3,
h6+h4,
h6+h5 {
    margin-top: 15px
}

* {
    box-sizing: border-box;
    line-height: 1.25
}

a {
    color: #2D7ABF;
    text-decoration: none
}

.container,
.container--body,
.container--catalog,
.section .container--centered {
    margin: 0 auto
}

.container:after,
.container--body:after,
.container--catalog:after,
.section .container--centered:after {
    content: "";
    display: table;
    clear: both
}

.credit {
    color: #979797;
    font-weight: 300;
    border-radius: 3px;
    border: 1px solid #979797;
    padding: 5px 10px;
    font-size: 12px
}

.sort {
    float: left;
    border-radius: 3px;
    background-image: linear-gradient(89deg, #fff 0%, rgba(241, 240, 238, 0.15) 100%);
    border: 1px solid #D8D8D8;
    box-shadow: 0px 0px 5px 2px rgba(216, 216, 216, 0.15);
    padding: 10px 20px;
    cursor: pointer
}

.carat {
    float: left;
    display: block
}

input[type="checkbox"] {
    float: left;
    margin-right: 10px;
    padding: 0
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background: #979797;
    border-radius: 0px
}

body {
    scrollbar-face-color: #272727;
    scrollbar-track-color: #979797;
    scrollbar-arrow-color: #D8D8D8
}

::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: rgba(0, 0, 0, 0.5)
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.2)
}

::-moz-selection {
    background: rgba(45, 122, 191, 0.8)
}

::selection {
    background: rgba(45, 122, 191, 0.8)
}

.ng-cloak {
    display: none
}

#schema-offer-markup,
#schema-product-markup-image {
    display: none
}

@media print {
    body {
        margin: 0 auto;
        width: 90%
    }

    #header {
        display: none
    }

    #footer {
        display: none
    }

    .general-certificate * {
        font-family: 'Open Sans', Helvetica, sans-serif;
        font-weight: 300;
        color: black !important;
        border-color: black !important
    }

    .general-certificate p {
        font-size: 10px
    }

    .general-certificate .logo {
        float: left
    }

    .general-certificate .logo img {
        width: 100px
    }

    .general-certificate .header p {
        padding-top: 10px
    }

    .general-certificate label {
        font-weight: 700;
        font-size: 8px;
        text-transform: uppercase;
        margin-bottom: 10px
    }

    .general-certificate .pull-right {
        text-align: right
    }

    .general-certificate .certificate-details {
        margin: 40px 0;
        float: left
    }

    .general-certificate .certificate-details p {
        margin: 0 0 10px 0;
        font-size: 12px
    }

    .general-certificate .certificate-details .row,
    .general-certificate .certificate-details .state-seo-new .row--centered,
    .state-seo-new .general-certificate .certificate-details .row--centered {
        border-bottom: 1px solid #979797;
        margin-bottom: 10px;
        width: 100%;
        float: left
    }

    .general-certificate .certificate-details .row--block {
        float: left;
        width: 33.3%
    }

    .general-certificate p.note {
        font-size: 8px;
        margin-top: 10px
    }

    .general-certificate ul {
        list-style-type: square;
        float: left;
        margin: 0;
        padding: 0;
        padding-left: 30px
    }

    .general-certificate ul li {
        float: left;
        font-size: 10px;
        width: 100%
    }

    .general-certificate .half-block {
        width: 45%;
        margin-right: 2.5%;
        float: left
    }

    .general-certificate .half-block hr {
        margin: 0;
        margin-bottom: -10px
    }

    .general-certificate .acknowledgement {
        margin: 30px 0;
        float: left;
        width: 100%;
        font-size: 12px;
        margin-top: 150px
    }

    .general-certificate .footer {
        float: left;
        width: 100%;
        margin-top: 40px;
        position: fixed;
        bottom: 0
    }

    .smartnotes .page-header {
        padding: 0;
        background: white;
        margin-bottom: 0;
        border: none
    }

    .smartnotes .page-header h1 {
        font-size: 30px;
        margin-bottom: 20px
    }

    .smartnotes .smartnote-title {
        font-size: 18px
    }

    .smartnotes .smartnote-section--title {
        font-size: 12px
    }

    .smartnotes .smartnote-section--content {
        font-size: 12px
    }

    .smartnotes .print {
        display: none
    }
}

accred-state-status-indicator {
    display: inline-block
}

accred-state-status-indicator>div {
    border-radius: 100%;
    width: 10px;
    height: 10px;
    margin: 3px 5px 0 0;
    float: left;
    display: block;
    position: relative
}

accred-state-status-indicator>div.hoverable {
    cursor: pointer
}

accred-state-status-indicator>div.self_apply {
    background-color: #2D7ABF
}

accred-state-status-indicator>div.pending {
    background: #F49E1E
}

accred-state-status-indicator>div popout {
    width: 210px;
    top: 20px;
    transform: translateX(-50%)
}

accred-state-status-indicator>div popout div.info {
    max-width: initial !important;
    font-size: 12px;
    padding: 10px;
    font-weight: normal;
    text-transform: none;
    text-align: left;
    font-weight: 300
}

card-popout accred-state-status-indicator>div.hoverable {
    cursor: default
}

card-popout accred-state-status-indicator>div popout {
    display: none !important
}

add-to-calendar-popout card-popout>div {
    width: 168px !important
}

add-to-calendar-popout card-popout>div popout {
    text-align: center
}

add-to-calendar-popout card-popout>div popout a {
    color: rgba(39, 39, 39, 0.5);
    font-size: 14px;
    width: 100%;
    min-width: 168px;
    display: block;
    transition: color 0.2s;
    padding: 10px 30px
}

add-to-calendar-popout card-popout>div popout a:hover {
    color: rgba(39, 39, 39, 0.7);
    background: none
}

add-to-calendar-popout card-popout>div popout li {
    padding: 0
}

address-fields .address-fields__row {
    width: 100%;
    float: left
}

banner .banner {
    width: 100%;
    position: relative;
    padding: 8px 35px 8px 14px;
    margin-bottom: 0px;
    text-align: center
}

banner .banner.url {
    cursor: pointer
}

banner .close {
    position: absolute;
    top: 0;
    right: 25px;
    cursor: pointer;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1;
    opacity: .7;
    color: white
}

banner .close:hover {
    color: white !important
}

banner #banner-body p {
    margin-bottom: 0
}

.ghosting-banner {
    padding: 20px 20px;
    text-align: center;
    background-color: #900;
    position: fixed;
    width: 100%;
    z-index: 200;
    color: white;
    top: 0
}

block-get-credit-modal {
    color: #272727;
    position: relative;
    z-index: 9999;
    text-align: center
}

block-get-credit-modal .modal--container {
    padding: 0
}

block-get-credit-modal .row,
block-get-credit-modal .state-seo-new .row--centered,
.state-seo-new block-get-credit-modal .row--centered {
    width: 100%;
    padding: 20px 50px;
    float: left
}

block-get-credit-modal .row.striped,
block-get-credit-modal .state-seo-new .striped.row--centered,
.state-seo-new block-get-credit-modal .striped.row--centered {
    background: #F5F5F5
}

block-get-credit-modal .row--footer,
block-get-credit-modal .row--header {
    padding-top: 30px;
    padding-bottom: 30px
}

block-get-credit-modal .row .footer--btm,
block-get-credit-modal .state-seo-new .row--centered .footer--btm,
.state-seo-new block-get-credit-modal .row--centered .footer--btm {
    width: 100%;
    margin-top: 30px;
    padding-top: 40px;
    border-top: 1px solid #2D7ABF
}

block-get-credit-modal .row .footer--btm .action,
block-get-credit-modal .state-seo-new .row--centered .footer--btm .action,
.state-seo-new block-get-credit-modal .row--centered .footer--btm .action,
block-get-credit-modal .row .footer--btm .action--secondary,
block-get-credit-modal .state-seo-new .row--centered .footer--btm .action--secondary,
.state-seo-new block-get-credit-modal .row--centered .footer--btm .action--secondary,
block-get-credit-modal .row .footer--btm .action--third,
block-get-credit-modal .state-seo-new .row--centered .footer--btm .action--third,
.state-seo-new block-get-credit-modal .row--centered .footer--btm .action--third,
block-get-credit-modal .row .footer--btm .action--danger,
block-get-credit-modal .state-seo-new .row--centered .footer--btm .action--danger,
.state-seo-new block-get-credit-modal .row--centered .footer--btm .action--danger {
    width: auto !important
}

block-get-credit-modal .row h3,
block-get-credit-modal .state-seo-new .row--centered h3,
.state-seo-new block-get-credit-modal .row--centered h3 {
    font-weight: 500;
    color: #272727;
    font-size: 23px;
    padding: 0px 20px
}

@media (min-width: 0px) and (max-width: 650px) {

    block-get-credit-modal .row h3,
    block-get-credit-modal .state-seo-new .row--centered h3,
    .state-seo-new block-get-credit-modal .row--centered h3 {
        padding: 0px
    }
}

block-get-credit-modal .row .disclaimer,
block-get-credit-modal .state-seo-new .row--centered .disclaimer,
.state-seo-new block-get-credit-modal .row--centered .disclaimer {
    font-size: 14px;
    margin-top: 10px;
    color: #272727
}

block-get-credit-modal .row .action,
block-get-credit-modal .state-seo-new .row--centered .action,
.state-seo-new block-get-credit-modal .row--centered .action,
block-get-credit-modal .row .action--secondary,
block-get-credit-modal .state-seo-new .row--centered .action--secondary,
.state-seo-new block-get-credit-modal .row--centered .action--secondary,
block-get-credit-modal .row .action--third,
block-get-credit-modal .state-seo-new .row--centered .action--third,
.state-seo-new block-get-credit-modal .row--centered .action--third,
block-get-credit-modal .row .action--danger,
block-get-credit-modal .state-seo-new .row--centered .action--danger,
.state-seo-new block-get-credit-modal .row--centered .action--danger {
    float: none;
    display: inline-block;
    position: relative !important;
    bottom: 0 !important;
    width: 200px !important;
    margin: 0px 20px 10px 20px;
    cursor: pointer
}

block-get-credit-modal .row .feature,
block-get-credit-modal .state-seo-new .row--centered .feature,
.state-seo-new block-get-credit-modal .row--centered .feature {
    width: 100%;
    padding: 20px 0px;
    float: left
}

block-get-credit-modal .row .feature .img-wrapper,
block-get-credit-modal .state-seo-new .row--centered .feature .img-wrapper,
.state-seo-new block-get-credit-modal .row--centered .feature .img-wrapper {
    display: inline-block;
    vertical-align: middle;
    width: 20%
}

@media (min-width: 0px) and (max-width: 650px) {

    block-get-credit-modal .row .feature .img-wrapper,
    block-get-credit-modal .state-seo-new .row--centered .feature .img-wrapper,
    .state-seo-new block-get-credit-modal .row--centered .feature .img-wrapper {
        width: 100%
    }
}

block-get-credit-modal .row .feature .img-wrapper img,
block-get-credit-modal .state-seo-new .row--centered .feature .img-wrapper img,
.state-seo-new block-get-credit-modal .row--centered .feature .img-wrapper img {
    width: 100px
}

block-get-credit-modal .row .feature .copy,
block-get-credit-modal .state-seo-new .row--centered .feature .copy,
.state-seo-new block-get-credit-modal .row--centered .feature .copy {
    display: inline-block;
    vertical-align: middle;
    width: 70%
}

@media (min-width: 0px) and (max-width: 650px) {

    block-get-credit-modal .row .feature .copy,
    block-get-credit-modal .state-seo-new .row--centered .feature .copy,
    .state-seo-new block-get-credit-modal .row--centered .feature .copy {
        width: 100%
    }
}

block-get-credit-modal .row .feature .copy p,
block-get-credit-modal .state-seo-new .row--centered .feature .copy p,
.state-seo-new block-get-credit-modal .row--centered .feature .copy p {
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 0;
    text-align: left;
    color: #272727
}

@media (min-width: 0px) and (max-width: 650px) {

    block-get-credit-modal .row .feature .copy p,
    block-get-credit-modal .state-seo-new .row--centered .feature .copy p,
    .state-seo-new block-get-credit-modal .row--centered .feature .copy p {
        text-align: center
    }
}

block-get-credit-modal .row .feature .copy p.title,
block-get-credit-modal .state-seo-new .row--centered .feature .copy p.title,
.state-seo-new block-get-credit-modal .row--centered .feature .copy p.title {
    font-size: 16px;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 600
}

box-component .container,
box-component .container--body,
box-component .container--catalog,
box-component .section .container--centered,
.section box-component .container--centered {
    margin: 50px auto 20px;
    padding: 35px 0px;
    text-align: center;
    clear: both;
    background-color: #EAEAEA
}

box-component .container h4,
box-component .container--body h4,
box-component .container--catalog h4,
box-component .section .container--centered h4,
.section box-component .container--centered h4 {
    font-weight: 900;
    font-style: italic;
    font-size: 28px;
    text-transform: uppercase
}

.action,
.action--secondary,
.action--third,
.action--danger {
    border-radius: 3px;
    font-weight: 300;
    box-sizing: border-box;
    float: left;
    text-align: center;
    color: white;
    background: #2D7ABF;
    font-size: 14px;
    cursor: pointer
}

.action.flex,
.flex.action--secondary,
.flex.action--third,
.flex.action--danger {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.action.flex img,
.flex.action--secondary img,
.flex.action--third img,
.flex.action--danger img {
    width: 30px;
    margin-right: 10px
}

.action.highlighted,
.highlighted.action--secondary,
.highlighted.action--third,
.highlighted.action--danger {
    border: 0
}

.action.highlighted a,
.highlighted.action--secondary a,
.highlighted.action--third a,
.highlighted.action--danger a {
    padding: 10px 20px;
    border-radius: 3px;
    background: none;
    border: 1px solid #2D7ABF;
    color: #2D7ABF;
    background: #FFF
}

.action.highlighted a:hover,
.highlighted.action--secondary a:hover,
.highlighted.action--third a:hover,
.highlighted.action--danger a:hover {
    color: #FFF;
    background: #2D7ABF
}

.action.orange,
.orange.action--secondary,
.orange.action--third,
.orange.action--danger {
    background: #F49E1E
}

.action.orange:hover,
.orange.action--secondary:hover,
.orange.action--third:hover,
.orange.action--danger:hover {
    background: #A65A00
}

.action.orange a:hover,
.orange.action--secondary a:hover,
.orange.action--third a:hover,
.orange.action--danger a:hover {
    background: none;
    color: white
}

.action.mulberry,
.mulberry.action--secondary,
.mulberry.action--third,
.mulberry.action--danger {
    background: #C7408F
}

.action.mulberry:hover,
.mulberry.action--secondary:hover,
.mulberry.action--third:hover,
.mulberry.action--danger:hover {
    background: #C7408F
}

.action.mulberry a:hover,
.mulberry.action--secondary a:hover,
.mulberry.action--third a:hover,
.mulberry.action--danger a:hover {
    background: #C7408F;
    color: white
}

.action.danger,
.danger.action--secondary,
.danger.action--third,
.danger.action--danger {
    background: #A44642
}

.action.danger:hover,
.danger.action--secondary:hover,
.danger.action--third:hover,
.danger.action--danger:hover {
    background: #893532
}

.action.danger a:hover,
.danger.action--secondary a:hover,
.danger.action--third a:hover,
.danger.action--danger a:hover {
    background: none;
    color: white
}

.action.warning,
.warning.action--secondary,
.warning.action--third,
.warning.action--danger {
    background: #896B3C
}

.action.warning:hover,
.warning.action--secondary:hover,
.warning.action--third:hover,
.warning.action--danger:hover {
    background: #893532
}

.action.warning a:hover,
.warning.action--secondary a:hover,
.warning.action--third a:hover,
.warning.action--danger a:hover {
    background: none;
    color: white
}

.action.centered,
.centered.action--secondary,
.centered.action--third,
.centered.action--danger {
    margin: 0 auto;
    display: inline-block;
    float: none
}

.action.inactive,
.inactive.action--secondary,
.inactive.action--third,
.inactive.action--danger {
    background: rgba(45, 122, 191, 0.5);
    cursor: not-allowed
}

.action.inactive:hover,
.inactive.action--secondary:hover,
.inactive.action--third:hover,
.inactive.action--danger:hover {
    background: rgba(45, 122, 191, 0.5)
}

.action.inactive a:hover,
.inactive.action--secondary a:hover,
.inactive.action--third a:hover,
.inactive.action--danger a:hover {
    background: none
}

.action.load-more,
.load-more.action--secondary,
.load-more.action--third,
.load-more.action--danger {
    background: none;
    width: 100%;
    cursor: default;
    margin: 20px 0
}

.action.load-more span,
.load-more.action--secondary span,
.load-more.action--third span,
.load-more.action--danger span {
    color: #2D7ABF;
    border: 1px solid #2D7ABF;
    padding: 6px 18px;
    cursor: pointer;
    border-radius: 3px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase
}

.action.load-more span:hover,
.load-more.action--secondary span:hover,
.load-more.action--third span:hover,
.load-more.action--danger span:hover {
    background: #2D7ABF;
    color: #fff
}

.action a,
.action--secondary a,
.action--third a,
.action--danger a {
    padding: 10px 20px;
    display: block;
    color: white;
    transition: background 0.2s;
    line-height: 1.25
}

.action a:hover,
.action--secondary a:hover,
.action--third a:hover,
.action--danger a:hover {
    background: #1a456c;
    border-radius: 3px
}

.action button,
.action--secondary button,
.action--third button,
.action--danger button {
    padding: 10px 20px;
    width: 100%
}

.action--secondary {
    background: #D8D8D8;
    color: white
}

.action--secondary:hover {
    background: #979797
}

.action--secondary a:hover {
    background: #979797
}

.action--third {
    background-color: #979797
}

.action--third a:hover {
    background-color: #505050
}

.action.empty,
.empty.action--secondary,
.empty.action--third,
.empty.action--danger {
    border: 1px solid #2D7ABF;
    background: none;
    color: #2D7ABF
}

.action.empty:hover,
.empty.action--secondary:hover,
.empty.action--third:hover,
.empty.action--danger:hover {
    background: none
}

.action.empty a,
.empty.action--secondary a,
.empty.action--third a,
.empty.action--danger a {
    color: #2D7ABF
}

.action.empty a:hover,
.empty.action--secondary a:hover,
.empty.action--third a:hover,
.empty.action--danger a:hover {
    background: none
}

.action.ghost,
.ghost.action--secondary,
.ghost.action--third,
.ghost.action--danger {
    border: 1px solid white;
    background: none;
    color: white
}

.action.ghost:hover,
.ghost.action--secondary:hover,
.ghost.action--third:hover,
.ghost.action--danger:hover {
    background: none
}

.action.ghost a,
.ghost.action--secondary a,
.ghost.action--third a,
.ghost.action--danger a {
    color: white
}

.action.ghost a:hover,
.ghost.action--secondary a:hover,
.ghost.action--third a:hover,
.ghost.action--danger a:hover {
    background: none
}

.action--danger {
    background-color: #BF4343;
    border-bottom: 2px solid #903030
}

.action--danger:hover {
    background-color: #CD6765
}

.action.rounded,
.rounded.action--secondary,
.rounded.action--third,
.rounded.action--danger {
    border-radius: 20em
}

.action .action-left,
.action--secondary .action-left,
.action--third .action-left,
.action--danger .action-left {
    border-radius: 3px 0 0 3px;
    width: 75%;
    border-right: 1px solid #000;
    float: left
}

.action .action-left a,
.action--secondary .action-left a,
.action--third .action-left a,
.action--danger .action-left a {
    border-radius: 3px 0 0 3px
}

.action .action-left.half,
.action--secondary .action-left.half,
.action--third .action-left.half,
.action--danger .action-left.half {
    width: 60%
}

.action .action-left:hover,
.action--secondary .action-left:hover,
.action--third .action-left:hover,
.action--danger .action-left:hover {
    background: #1a456c
}

.action .action-left.add-to-calendar,
.action--secondary .action-left.add-to-calendar,
.action--third .action-left.add-to-calendar,
.action--danger .action-left.add-to-calendar {
    box-sizing: border-box;
    padding-right: 10px
}

.action .action-left.add-to-calendar a,
.action--secondary .action-left.add-to-calendar a,
.action--third .action-left.add-to-calendar a,
.action--danger .action-left.add-to-calendar a {
    position: relative;
    background: url(//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/catalog/add-to-calendar-icon.svg) no-repeat center right;
    background-size: 23px 23px;
    text-align: left
}

.action .action-right,
.action--secondary .action-right,
.action--third .action-right,
.action--danger .action-right {
    float: right;
    border-radius: 0 3px 3px 0;
    width: 25%
}

.action .action-right.half,
.action--secondary .action-right.half,
.action--third .action-right.half,
.action--danger .action-right.half {
    width: 40%
}

.action .action-right.half a,
.action--secondary .action-right.half a,
.action--third .action-right.half a,
.action--danger .action-right.half a {
    padding: 10px 20px
}

.action .action-right.half img,
.action--secondary .action-right.half img,
.action--third .action-right.half img,
.action--danger .action-right.half img {
    width: 15px;
    height: 15px;
    float: right;
    position: relative;
    bottom: 0;
    left: 5px;
    color: white
}

.action .action-right:hover,
.action--secondary .action-right:hover,
.action--third .action-right:hover,
.action--danger .action-right:hover {
    background: #1a456c
}

.action .action-right a,
.action--secondary .action-right a,
.action--third .action-right a,
.action--danger .action-right a {
    padding: 6px 0;
    border-radius: 0 3px 3px 0;
    outline: none
}

.action .action-right img,
.action--secondary .action-right img,
.action--third .action-right img,
.action--danger .action-right img {
    width: 29px;
    height: 22px
}

.action .action-right img.plus,
.action--secondary .action-right img.plus,
.action--third .action-right img.plus,
.action--danger .action-right img.plus {
    position: relative;
    top: 3px
}

button {
    border-radius: 3px;
    font-weight: 300;
    box-sizing: border-box;
    float: left;
    text-align: center;
    color: white;
    text-align: center;
    border: none;
    background: #2D7ABF;
    font-size: 14px;
    transition: background 0.2s;
    cursor: pointer
}

button:hover {
    background: #1a456c
}

button.small {
    padding: 5px 10px;
    font-size: 16px
}

button.xsmall {
    padding: 5px 10px;
    font-size: 11px
}

card-popout>div {
    width: 236px !important;
    position: absolute;
    width: auto;
    z-index: 999
}

card-popout>div popout {
    position: absolute;
    top: 28px;
    left: 0;
    text-align: center;
    padding: 10px 0;
    width: 100%
}

card-popout>div popout .pending-notes,
card-popout>div popout .self-apply-notes {
    font-size: 12px;
    padding: 5px;
    line-height: 1.5em
}

card-popout>div popout .pending-notes a,
card-popout>div popout .self-apply-notes a {
    display: block
}

popout.popout-loaded.ng-hide.hidden {

	display: none;
}

.quickdate-popup label {
    display: none
}

.quickdate-popup .quickdate-calendar {
    text-align: center
}

.quickdate-popup .quickdate-calendar th {
    text-align: center
}

.quickdate-popup .quickdate-calendar .disabled-date {
    color: #D8D8D8;
    cursor: not-allowed
}

.quickdate-popup .quickdate-calendar .is-today {
    color: #2D7ABF;
    font-weight: 700
}

.quickdate-popup .quickdate-calendar .selected {
    background: #2D7ABF;
    color: white;
    font-weight: 700
}

.cta {
    text-align: center;
    margin: 0 auto;
    width: 100%
}

.cta__heading {
    font-size: 18px;
    color: #383838;
    margin-bottom: 10px
}

.cta__description {
    color: #383838;
    font-size: 14px
}

.cta__description-link {
    cursor: pointer
}

.cta__description-link:before {
    content: '?';
    display: inline-block;
    font-family: sans-serif;
    font-weight: bold;
    text-align: center;
    width: 1.8ex;
    height: 1.8ex;
    font-size: 1.4ex;
    line-height: 1.8ex;
    border-radius: 1.2ex;
    margin-right: 4px;
    padding: 1px;
    color: #383838;
    background: white;
    border: 1px solid #383838;
    text-decoration: none
}

.cta__divider {
    width: 100%;
    height: 14px;
    border-bottom: 1px solid black;
    text-align: center;
    margin: 20px 0;
    color: #383838;
    clear: both
}

.cta__divider span {
    font-size: 16px;
    padding: 0 10px;
    background-color: white
}

.cta .action,
.cta .action--secondary,
.cta .action--third,
.cta .action--danger {
    width: 100%;
    margin: 0 0 15px 0;
    font-size: 22px;
    white-space: nowrap
}

.cta .action .light-button,
.cta .action--secondary .light-button,
.cta .action--third .light-button,
.cta .action--danger .light-button {
    border: 1px solid #2D7ABF;
    border-radius: 3px;
    background-color: #FFF
}

.cta .action .light-button a,
.cta .action--secondary .light-button a,
.cta .action--third .light-button a,
.cta .action--danger .light-button a {
    color: #2D7ABF
}

.cta .action .light-button a:hover,
.cta .action--secondary .light-button a:hover,
.cta .action--third .light-button a:hover,
.cta .action--danger .light-button a:hover {
    color: white
}

.cta .action.light-button,
.cta .light-button.action--secondary,
.cta .light-button.action--third,
.cta .light-button.action--danger {
    border: 1px solid #2D7ABF;
    border-radius: 3px;
    background-color: #FFF
}

.cta .action.light-button a,
.cta .light-button.action--secondary a,
.cta .light-button.action--third a,
.cta .light-button.action--danger a {
    color: #2D7ABF
}

.cta .action.light-button a:hover,
.cta .light-button.action--secondary a:hover,
.cta .light-button.action--third a:hover,
.cta .light-button.action--danger a:hover {
    color: white
}

@media (min-width: 900px) and (max-width: 1350px) {

    .cta .action,
    .cta .action--secondary,
    .cta .action--third,
    .cta .action--danger {
        font-size: 18px
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .cta .action,
    .cta .action--secondary,
    .cta .action--third,
    .cta .action--danger {
        font-size: 18px
    }
}

@media (min-width: 0px) and (max-width: 650px) {

    .cta .action,
    .cta .action--secondary,
    .cta .action--third,
    .cta .action--danger {
        font-size: 22px
    }
}

.cta .action a,
.cta .action--secondary a,
.cta .action--third a,
.cta .action--danger a {
    padding: 12px 12px
}

.cta .special-offer-modal {
    white-space: initial;
    cursor: initial;
    color: #272727
}

.cta .special-offer-modal .modal--container {
    padding: 50px
}

@media (min-width: 0px) and (max-width: 650px) {
    .cta .special-offer-modal .modal--container {
        padding: 30px
    }
}

.cta .special-offer-modal .modal--container h4 {
    color: #F4931E;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 800
}

.cta .special-offer-modal .modal--container h3 {
    font-weight: 900;
    font-size: 24px;
    font-style: italic;
    text-transform: uppercase
}

.cta .special-offer-modal .modal--container p {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px
}

.cta .special-offer-modal .modal--container .unlimited-action-container {
    display: inline-block;
    width: 45%
}

@media (min-width: 0px) and (max-width: 650px) {
    .cta .special-offer-modal .modal--container .unlimited-action-container {
        width: 100%
    }
}

.cta .special-offer-modal .modal--container .unlimited-action-container unlimited-button .action,
.cta .special-offer-modal .modal--container .unlimited-action-container unlimited-button .action--secondary,
.cta .special-offer-modal .modal--container .unlimited-action-container unlimited-button .action--third,
.cta .special-offer-modal .modal--container .unlimited-action-container unlimited-button .action--danger {
    background-color: #F49E1E
}

.cta .special-offer-modal .modal--container .unlimited-action-container unlimited-button .action a:hover,
.cta .special-offer-modal .modal--container .unlimited-action-container unlimited-button .action--secondary a:hover,
.cta .special-offer-modal .modal--container .unlimited-action-container unlimited-button .action--third a:hover,
.cta .special-offer-modal .modal--container .unlimited-action-container unlimited-button .action--danger a:hover {
    background-color: #A65A00
}

.cta .special-offer-modal .modal--container .unlimited-action-container .unlimited-sale {
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
    color: #505050
}

.cta .special-offer-modal .modal--container .divider {
    display: inline-block;
    margin-top: 10px;
    margin-left: 10px;
    vertical-align: top
}

@media (min-width: 0px) and (max-width: 650px) {
    .cta .special-offer-modal .modal--container .divider {
        margin: 10px 0 10px 0
    }
}

.cta .special-offer-modal .modal--container .action,
.cta .special-offer-modal .modal--container .action--secondary,
.cta .special-offer-modal .modal--container .action--third,
.cta .special-offer-modal .modal--container .action--danger {
    margin: 0;
    font-style: italic;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase
}

.cta .special-offer-modal .modal--container .action a,
.cta .special-offer-modal .modal--container .action--secondary a,
.cta .special-offer-modal .modal--container .action--third a,
.cta .special-offer-modal .modal--container .action--danger a {
    padding: 14px
}

.cta .special-offer-modal .modal--container .action.checkout,
.cta .special-offer-modal .modal--container .checkout.action--secondary,
.cta .special-offer-modal .modal--container .checkout.action--third,
.cta .special-offer-modal .modal--container .checkout.action--danger {
    width: 45%;
    float: right;
    padding: 13px
}

@media (min-width: 0px) and (max-width: 650px) {

    .cta .special-offer-modal .modal--container .action.checkout,
    .cta .special-offer-modal .modal--container .checkout.action--secondary,
    .cta .special-offer-modal .modal--container .checkout.action--third,
    .cta .special-offer-modal .modal--container .checkout.action--danger {
        width: 100%
    }
}

.cta-unlimited,
.cta-cart-button {
    width: 80%;
    margin: 0 auto
}

@media (min-width: 900px) and (max-width: 1350px) {

    .cta-unlimited,
    .cta-cart-button {
        width: 90%
    }
}

@media (min-width: 0px) and (max-width: 650px) {

    .cta-unlimited,
    .cta-cart-button {
        width: 100%
    }
}

.cta-cart-button__discount {
    background-color: white;
    color: #383838;
    font-size: 14px;
    padding-top: 10px;
    cursor: default;
    white-space: normal
}

.cta-cart-button__discount-check {
    width: 16px;
    height: 16px;
    vertical-align: middle
}

.cta-cart-button .cart-button {
    font-size: 20px
}

@media (min-width: 900px) and (max-width: 1350px) {
    .cta-cart-button .cart-button {
        font-size: 16px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .cta-cart-button .cart-button {
        font-size: 16px
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    .cta-cart-button .cart-button {
        font-size: 16px
    }
}

.cta-cart-button .cart-button span {
    font-weight: 300
}

@media (min-width: 0px) and (max-width: 650px) {
    .cta-cart-button .cart-button span {
        margin-right: 0;
        margin-bottom: 10px
    }
}

.cta-cart-button .cart-button span+span.original-price {
    text-decoration: line-through;
    color: #979797
}

.cta-cart-button .register-section-wrapper p {
    margin-bottom: 10px
}

.cta-unlimited .action,
.cta-unlimited .action--secondary,
.cta-unlimited .action--third,
.cta-unlimited .action--danger {
    background-color: #F49E1E;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic
}

.cta-unlimited .action a:hover,
.cta-unlimited .action--secondary a:hover,
.cta-unlimited .action--third a:hover,
.cta-unlimited .action--danger a:hover {
    background-color: #A65A00
}

.cta__product .action .light-button,
.cta__product .action--secondary .light-button,
.cta__product .action--third .light-button,
.cta__product .action--danger .light-button {
    background-color: #F49E1E;
    color: #FFF;
    font-weight: bold;
    font-style: italic;
    border: 0;
    font-size: 18px
}

.cta__product .action .light-button a,
.cta__product .action--secondary .light-button a,
.cta__product .action--third .light-button a,
.cta__product .action--danger .light-button a {
    color: #FFF;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase
}

.cta__product .action .light-button a:hover,
.cta__product .action--secondary .light-button a:hover,
.cta__product .action--third .light-button a:hover,
.cta__product .action--danger .light-button a:hover {
    background-color: #A65A00
}

.cta__product .cta-unlimited .action,
.cta__product .cta-unlimited .action--secondary,
.cta__product .cta-unlimited .action--third,
.cta__product .cta-unlimited .action--danger {
    background-color: #FFF;
    color: #2D7ABF;
    border: 1px solid #2D7ABF;
    font-weight: 300;
    text-transform: none;
    font-style: normal;
    font-size: 16px
}

.cta__product .cta-unlimited .action a,
.cta__product .cta-unlimited .action--secondary a,
.cta__product .cta-unlimited .action--third a,
.cta__product .cta-unlimited .action--danger a {
    color: #2D7ABF
}

.cta__product .cta-unlimited .action a:hover,
.cta__product .cta-unlimited .action--secondary a:hover,
.cta__product .cta-unlimited .action--third a:hover,
.cta__product .cta-unlimited .action--danger a:hover {
    color: white;
    background-color: #2D7ABF
}

catagorized-search .search-container {
    margin-top: 80px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 3px;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 0px) and (max-width: 650px) {
    catagorized-search .search-container {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

catagorized-search .search-container input {
    background: none;
    border: none;
    width: 60%
}

catagorized-search .search-container input:focus {
    outline: none
}

@media (min-width: 0px) and (max-width: 650px) {
    catagorized-search .search-container input {
        width: 100%
    }
}

catagorized-search .search-container .select-container {
    width: 25%;
    position: relative;
    height: 70px;
    padding: 0 10px
}

@media (min-width: 0px) and (max-width: 650px) {
    catagorized-search .search-container .select-container {
        width: 100%
    }
}

catagorized-search .search-container .select-container label {
    position: relative;
    top: 10px;
    text-transform: uppercase;
    font-size: 10px;
    color: #2D7ABF;
    font-weight: 900;
    font-style: italic;
    letter-spacing: 1.25px
}

catagorized-search .search-container select {
    background: none;
    border: none;
    width: 100%;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none
}

catagorized-search .search-container select:focus {
    outline: none
}

@media (min-width: 0px) and (max-width: 650px) {
    catagorized-search .search-container select {
        width: 100%
    }
}

catagorized-search .search-container .action,
catagorized-search .search-container .action--secondary,
catagorized-search .search-container .action--third,
catagorized-search .search-container .action--danger {
    width: 25%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: none;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    height: 70px;
    background-color: #F49E1E;
    font-size: 16px;
    font-weight: 700
}

@media (min-width: 0px) and (max-width: 650px) {

    catagorized-search .search-container .action,
    catagorized-search .search-container .action--secondary,
    catagorized-search .search-container .action--third,
    catagorized-search .search-container .action--danger {
        width: 100%;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }
}

catagorized-search .search-container .action:hover,
catagorized-search .search-container .action--secondary:hover,
catagorized-search .search-container .action--third:hover,
catagorized-search .search-container .action--danger:hover {
    background-color: #A65A00
}

catagorized-search .search-container :-ms-input-placeholder {
    color: #2D7ABF;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    font-size: 12px
}

catagorized-search .search-container ::placeholder {
    color: #2D7ABF;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    font-size: 12px
}

@media (min-width: 0px) and (max-width: 650px) {
    catagorized-search .search-container :-ms-input-placeholder {
        text-align: center
    }

    catagorized-search .search-container ::placeholder {
        text-align: center
    }
}

catagorized-search .search-container.cpe .select-container {
    width: 30%
}

@media (min-width: 0px) and (max-width: 650px) {
    catagorized-search .search-container.cpe .select-container {
        width: 100%
    }
}

catagorized-search .search-container.cpe .action,
catagorized-search .search-container.cpe .action--secondary,
catagorized-search .search-container.cpe .action--third,
catagorized-search .search-container.cpe .action--danger {
    width: 40%;
    background-color: #2D7ABF
}

@media (min-width: 0px) and (max-width: 650px) {

    catagorized-search .search-container.cpe .action,
    catagorized-search .search-container.cpe .action--secondary,
    catagorized-search .search-container.cpe .action--third,
    catagorized-search .search-container.cpe .action--danger {
        width: 100%
    }
}

certificate-list .action,
certificate-list .action--secondary,
certificate-list .action--third,
certificate-list .action--danger {
    background: none;
    border: 0
}

certificate-list .action img,
certificate-list .action--secondary img,
certificate-list .action--third img,
certificate-list .action--danger img {
    width: 32px;
    height: 32px
}

certificate-list .action.disabled,
certificate-list .disabled.action--secondary,
certificate-list .disabled.action--third,
certificate-list .disabled.action--danger {
    cursor: default
}

certificate-list .action.disabled img,
certificate-list .disabled.action--secondary img,
certificate-list .disabled.action--third img,
certificate-list .disabled.action--danger img {
    opacity: .5
}

certificate-list .action.reporting-number,
certificate-list .reporting-number.action--secondary,
certificate-list .reporting-number.action--third,
certificate-list .reporting-number.action--danger {
    margin-top: 5px
}

certificate-list .action.reporting-number img,
certificate-list .reporting-number.action--secondary img,
certificate-list .reporting-number.action--third img,
certificate-list .reporting-number.action--danger img {
    height: 24px
}

certificate-list .certificates-table {
    font-size: 12px
}

certificate-list .certificates-table thead {
    border-bottom: 1px solid #000
}

certificate-list .certificates-table thead td {
    font-weight: bold;
    cursor: pointer
}

certificate-list .certificates-table thead td:last-of-type {
    cursor: default
}

certificate-list .certificates-table thead span {
    display: inline-block
}

certificate-list .certificates-table thead .carat-container {
    width: 15px;
    height: 10px
}

certificate-list .certificates-table thead .carat-container .carat {
    fill: #000;
    width: 15px;
    height: 10px;
    margin-left: 5px
}

certificate-list .certificates-table thead .carat-container .arrow-down .carat {
    transform: rotate(180deg)
}

certificate-list .certificates-table tr td {
    position: relative
}

certificate-list .certificates-table tr td.course-name div {
    max-width: 200px;
    word-wrap: break-word
}

certificate-list .certificates-table tr td.provider div {
    max-width: 150px
}

certificate-list .certificates-table tr td.completed-credits div {
    max-width: 170px
}

certificate-list .certificates-table tr td.action-buttons {
    cursor: default
}

certificate-list .certificates-table tr td.action-buttons a {
    cursor: pointer
}

certificate-list .certificates-table tr td.action-buttons>div {
    min-width: 100px;
    max-width: 100px
}

certificate-list .certificates-table tr td.action-buttons.processing {
    cursor: default;
    text-align: right
}

certificate-list .certificates-table tr td:nth-of-type(7) span {
    position: relative
}

certificate-list .certificates-table tr td .upload-certificate {
    margin-top: 10px
}

certificate-list .certificates-table tr.external {
    cursor: pointer
}

certificate-list .certificates-table .completed-credits__credit-wrapper {
    float: left
}

certificate-list .certificates-table .completed-credits accred-state-status-indicator {
    float: left
}

certificate-list .certificates-table .completed-credits__edit {
    float: left;
    margin-left: 10px
}

certificate-list .certificates-table .completed-credits__edit button {
    font-size: 12px;
    margin-top: -5px;
    padding: 5px 10px;
    background-color: #979797
}

@media (min-width: 900px) and (max-width: 1350px) {
    certificate-list .certificates-table .completed-credits__edit button {
        margin-top: 5px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    certificate-list .certificates-table .completed-credits__edit button {
        margin-top: 5px
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    certificate-list .certificates-table .completed-credits__edit button {
        margin-top: 0
    }
}

certificate-list .certificates-table .completed-credits__edit .edit-status-msg {
    color: #BF4343;
    font-size: 12px
}

@media only screen and (min-width: 0px) and (max-width: 650px) {
    certificate-list .certificates-table {
        display: block
    }

    certificate-list .certificates-table thead,
    certificate-list .certificates-table tbody,
    certificate-list .certificates-table th,
    certificate-list .certificates-table td,
    certificate-list .certificates-table tr {
        display: block
    }

    certificate-list .certificates-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    certificate-list .certificates-table .action,
    certificate-list .certificates-table .action--secondary,
    certificate-list .certificates-table .action--third,
    certificate-list .certificates-table .action--danger {
        font-size: 10px
    }

    certificate-list .certificates-table tr {
        border: 1px solid #D8D8D8;
        width: 100%
    }

    certificate-list .certificates-table tr+tr {
        margin-top: 5px
    }

    certificate-list .certificates-table td {
        border: none;
        border-bottom: 1px solid #D8D8D8;
        position: relative;
        padding-left: 50%;
        width: 100%;
        font-size: 12px
    }

    certificate-list .certificates-table td span {
        font-size: 14px
    }

    certificate-list .certificates-table td:after {
        content: "";
        display: table;
        clear: both
    }

    certificate-list .certificates-table td:before {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: bold;
        font-size: 10px
    }

    certificate-list .certificates-table td {
        max-width: none !important
    }

    certificate-list .certificates-table td:nth-of-type(7):not(.has-pending-accred) {
        display: none !important
    }

    certificate-list .certificates-table td:nth-of-type(1):before {
        content: "DATE"
    }

    certificate-list .certificates-table td:nth-of-type(2):before {
        content: "TITLE"
    }

    certificate-list .certificates-table td:nth-of-type(3):before {
        content: "PROVIDER"
    }

    certificate-list .certificates-table td:nth-of-type(4):before {
        content: "FORMAT"
    }

    certificate-list .certificates-table td:nth-of-type(5):before {
        content: "STATE"
    }

    certificate-list .certificates-table td:nth-of-type(6):before {
        content: "CREDITS"
    }

    certificate-list .certificates-table td:nth-of-type(7):before {
        content: "STATUS"
    }

    certificate-list .certificates-table td:nth-of-type(8):before {
        content: "CERTIFICATES"
    }

    certificate-list .certificates-table td:nth-of-type(7) div {
        min-height: 19px
    }

    certificate-list .certificates-table td:nth-of-type(8) .pull-right {
        float: none !important
    }
}

@media only screen and (min-width: 0px) and (max-width: 650px) {
    certificate-list.print td:nth-of-type(9):before {
        content: "REPORTING NUMBER"
    }

    certificate-list.print td:nth-of-type(9) {
        display: block !important
    }

    certificate-list.print td:nth-of-type(9) div {
        min-height: 19px
    }
}

completion-percentage .overall-completion {
    line-height: 3.5;
    font-size: 35px;
    font-weight: 300;
    float: left;
    margin-right: 30px
}

@media (min-width: 0px) and (max-width: 650px) {
    completion-percentage .overall-completion {
        margin: 0 auto;
        float: none;
        margin-bottom: 20px
    }
}

completion-percentage .rect-auto,
completion-percentage .c100.p51 .slice,
completion-percentage .c100.p52 .slice,
completion-percentage .c100.p53 .slice,
completion-percentage .c100.p54 .slice,
completion-percentage .c100.p55 .slice,
completion-percentage .c100.p56 .slice,
completion-percentage .c100.p57 .slice,
completion-percentage .c100.p58 .slice,
completion-percentage .c100.p59 .slice,
completion-percentage .c100.p60 .slice,
completion-percentage .c100.p61 .slice,
completion-percentage .c100.p62 .slice,
completion-percentage .c100.p63 .slice,
completion-percentage .c100.p64 .slice,
completion-percentage .c100.p65 .slice,
completion-percentage .c100.p66 .slice,
completion-percentage .c100.p67 .slice,
completion-percentage .c100.p68 .slice,
completion-percentage .c100.p69 .slice,
completion-percentage .c100.p70 .slice,
completion-percentage .c100.p71 .slice,
completion-percentage .c100.p72 .slice,
completion-percentage .c100.p73 .slice,
completion-percentage .c100.p74 .slice,
completion-percentage .c100.p75 .slice,
completion-percentage .c100.p76 .slice,
completion-percentage .c100.p77 .slice,
completion-percentage .c100.p78 .slice,
completion-percentage .c100.p79 .slice,
completion-percentage .c100.p80 .slice,
completion-percentage .c100.p81 .slice,
completion-percentage .c100.p82 .slice,
completion-percentage .c100.p83 .slice,
completion-percentage .c100.p84 .slice,
completion-percentage .c100.p85 .slice,
completion-percentage .c100.p86 .slice,
completion-percentage .c100.p87 .slice,
completion-percentage .c100.p88 .slice,
completion-percentage .c100.p89 .slice,
completion-percentage .c100.p90 .slice,
completion-percentage .c100.p91 .slice,
completion-percentage .c100.p92 .slice,
completion-percentage .c100.p93 .slice,
completion-percentage .c100.p94 .slice,
completion-percentage .c100.p95 .slice,
completion-percentage .c100.p96 .slice,
completion-percentage .c100.p97 .slice,
completion-percentage .c100.p98 .slice,
completion-percentage .c100.p99 .slice,
completion-percentage .c100.p100 .slice {
    clip: rect(auto, auto, auto, auto)
}

completion-percentage .pie,
completion-percentage .c100 .bar,
completion-percentage .c100.p51 .fill,
completion-percentage .c100.p52 .fill,
completion-percentage .c100.p53 .fill,
completion-percentage .c100.p54 .fill,
completion-percentage .c100.p55 .fill,
completion-percentage .c100.p56 .fill,
completion-percentage .c100.p57 .fill,
completion-percentage .c100.p58 .fill,
completion-percentage .c100.p59 .fill,
completion-percentage .c100.p60 .fill,
completion-percentage .c100.p61 .fill,
completion-percentage .c100.p62 .fill,
completion-percentage .c100.p63 .fill,
completion-percentage .c100.p64 .fill,
completion-percentage .c100.p65 .fill,
completion-percentage .c100.p66 .fill,
completion-percentage .c100.p67 .fill,
completion-percentage .c100.p68 .fill,
completion-percentage .c100.p69 .fill,
completion-percentage .c100.p70 .fill,
completion-percentage .c100.p71 .fill,
completion-percentage .c100.p72 .fill,
completion-percentage .c100.p73 .fill,
completion-percentage .c100.p74 .fill,
completion-percentage .c100.p75 .fill,
completion-percentage .c100.p76 .fill,
completion-percentage .c100.p77 .fill,
completion-percentage .c100.p78 .fill,
completion-percentage .c100.p79 .fill,
completion-percentage .c100.p80 .fill,
completion-percentage .c100.p81 .fill,
completion-percentage .c100.p82 .fill,
completion-percentage .c100.p83 .fill,
completion-percentage .c100.p84 .fill,
completion-percentage .c100.p85 .fill,
completion-percentage .c100.p86 .fill,
completion-percentage .c100.p87 .fill,
completion-percentage .c100.p88 .fill,
completion-percentage .c100.p89 .fill,
completion-percentage .c100.p90 .fill,
completion-percentage .c100.p91 .fill,
completion-percentage .c100.p92 .fill,
completion-percentage .c100.p93 .fill,
completion-percentage .c100.p94 .fill,
completion-percentage .c100.p95 .fill,
completion-percentage .c100.p96 .fill,
completion-percentage .c100.p97 .fill,
completion-percentage .c100.p98 .fill,
completion-percentage .c100.p99 .fill,
completion-percentage .c100.p100 .fill {
    position: absolute;
    border: .08em solid #2D7ABF;
    width: .84em;
    height: .84em;
    clip: rect(0em, 0.5em, 1em, 0em);
    border-radius: 50%;
    transform: rotate(0deg)
}

completion-percentage .pie-fill,
completion-percentage .c100.p51 .bar:after,
completion-percentage .c100.p51 .fill,
completion-percentage .c100.p52 .bar:after,
completion-percentage .c100.p52 .fill,
completion-percentage .c100.p53 .bar:after,
completion-percentage .c100.p53 .fill,
completion-percentage .c100.p54 .bar:after,
completion-percentage .c100.p54 .fill,
completion-percentage .c100.p55 .bar:after,
completion-percentage .c100.p55 .fill,
completion-percentage .c100.p56 .bar:after,
completion-percentage .c100.p56 .fill,
completion-percentage .c100.p57 .bar:after,
completion-percentage .c100.p57 .fill,
completion-percentage .c100.p58 .bar:after,
completion-percentage .c100.p58 .fill,
completion-percentage .c100.p59 .bar:after,
completion-percentage .c100.p59 .fill,
completion-percentage .c100.p60 .bar:after,
completion-percentage .c100.p60 .fill,
completion-percentage .c100.p61 .bar:after,
completion-percentage .c100.p61 .fill,
completion-percentage .c100.p62 .bar:after,
completion-percentage .c100.p62 .fill,
completion-percentage .c100.p63 .bar:after,
completion-percentage .c100.p63 .fill,
completion-percentage .c100.p64 .bar:after,
completion-percentage .c100.p64 .fill,
completion-percentage .c100.p65 .bar:after,
completion-percentage .c100.p65 .fill,
completion-percentage .c100.p66 .bar:after,
completion-percentage .c100.p66 .fill,
completion-percentage .c100.p67 .bar:after,
completion-percentage .c100.p67 .fill,
completion-percentage .c100.p68 .bar:after,
completion-percentage .c100.p68 .fill,
completion-percentage .c100.p69 .bar:after,
completion-percentage .c100.p69 .fill,
completion-percentage .c100.p70 .bar:after,
completion-percentage .c100.p70 .fill,
completion-percentage .c100.p71 .bar:after,
completion-percentage .c100.p71 .fill,
completion-percentage .c100.p72 .bar:after,
completion-percentage .c100.p72 .fill,
completion-percentage .c100.p73 .bar:after,
completion-percentage .c100.p73 .fill,
completion-percentage .c100.p74 .bar:after,
completion-percentage .c100.p74 .fill,
completion-percentage .c100.p75 .bar:after,
completion-percentage .c100.p75 .fill,
completion-percentage .c100.p76 .bar:after,
completion-percentage .c100.p76 .fill,
completion-percentage .c100.p77 .bar:after,
completion-percentage .c100.p77 .fill,
completion-percentage .c100.p78 .bar:after,
completion-percentage .c100.p78 .fill,
completion-percentage .c100.p79 .bar:after,
completion-percentage .c100.p79 .fill,
completion-percentage .c100.p80 .bar:after,
completion-percentage .c100.p80 .fill,
completion-percentage .c100.p81 .bar:after,
completion-percentage .c100.p81 .fill,
completion-percentage .c100.p82 .bar:after,
completion-percentage .c100.p82 .fill,
completion-percentage .c100.p83 .bar:after,
completion-percentage .c100.p83 .fill,
completion-percentage .c100.p84 .bar:after,
completion-percentage .c100.p84 .fill,
completion-percentage .c100.p85 .bar:after,
completion-percentage .c100.p85 .fill,
completion-percentage .c100.p86 .bar:after,
completion-percentage .c100.p86 .fill,
completion-percentage .c100.p87 .bar:after,
completion-percentage .c100.p87 .fill,
completion-percentage .c100.p88 .bar:after,
completion-percentage .c100.p88 .fill,
completion-percentage .c100.p89 .bar:after,
completion-percentage .c100.p89 .fill,
completion-percentage .c100.p90 .bar:after,
completion-percentage .c100.p90 .fill,
completion-percentage .c100.p91 .bar:after,
completion-percentage .c100.p91 .fill,
completion-percentage .c100.p92 .bar:after,
completion-percentage .c100.p92 .fill,
completion-percentage .c100.p93 .bar:after,
completion-percentage .c100.p93 .fill,
completion-percentage .c100.p94 .bar:after,
completion-percentage .c100.p94 .fill,
completion-percentage .c100.p95 .bar:after,
completion-percentage .c100.p95 .fill,
completion-percentage .c100.p96 .bar:after,
completion-percentage .c100.p96 .fill,
completion-percentage .c100.p97 .bar:after,
completion-percentage .c100.p97 .fill,
completion-percentage .c100.p98 .bar:after,
completion-percentage .c100.p98 .fill,
completion-percentage .c100.p99 .bar:after,
completion-percentage .c100.p99 .fill,
completion-percentage .c100.p100 .bar:after,
completion-percentage .c100.p100 .fill {
    transform: rotate(180deg)
}

completion-percentage .c100 {
    position: relative;
    font-size: 240px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    float: left;
    margin: 0 0.1em 0.1em 0;
    background-color: #ddd
}

completion-percentage .c100 *,
completion-percentage .c100 *:before,
completion-percentage .c100 *:after {
    box-sizing: content-box
}

completion-percentage .c100.center {
    float: none;
    margin: 0 auto
}

completion-percentage .c100>span {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    width: 5em;
    line-height: 4em;
    font-size: 0.2em;
    color: #1a456c;
    display: block;
    text-align: center;
    white-space: nowrap;
    transition: all 0.2s ease-out
}

completion-percentage .c100>span.text {
    font-size: 0.05em;
    width: 20em;
    line-height: 24em;
    height: 100%
}

completion-percentage .c100:after {
    position: absolute;
    top: .08em;
    left: .08em;
    display: block;
    content: " ";
    border-radius: 50%;
    background-color: white;
    width: .84em;
    height: .84em;
    transition: all 0.2s ease-in
}

completion-percentage .c100 .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0em, 1em, 1em, 0.5em)
}

completion-percentage .c100.p1 .bar {
    transform: rotate(3.6deg)
}

completion-percentage .c100.p2 .bar {
    transform: rotate(7.2deg)
}

completion-percentage .c100.p3 .bar {
    transform: rotate(10.8deg)
}

completion-percentage .c100.p4 .bar {
    transform: rotate(14.4deg)
}

completion-percentage .c100.p5 .bar {
    transform: rotate(18deg)
}

completion-percentage .c100.p6 .bar {
    transform: rotate(21.6deg)
}

completion-percentage .c100.p7 .bar {
    transform: rotate(25.2deg)
}

completion-percentage .c100.p8 .bar {
    transform: rotate(28.8deg)
}

completion-percentage .c100.p9 .bar {
    transform: rotate(32.4deg)
}

completion-percentage .c100.p10 .bar {
    transform: rotate(36deg)
}

completion-percentage .c100.p11 .bar {
    transform: rotate(39.6deg)
}

completion-percentage .c100.p12 .bar {
    transform: rotate(43.2deg)
}

completion-percentage .c100.p13 .bar {
    transform: rotate(46.8deg)
}

completion-percentage .c100.p14 .bar {
    transform: rotate(50.4deg)
}

completion-percentage .c100.p15 .bar {
    transform: rotate(54deg)
}

completion-percentage .c100.p16 .bar {
    transform: rotate(57.6deg)
}

completion-percentage .c100.p17 .bar {
    transform: rotate(61.2deg)
}

completion-percentage .c100.p18 .bar {
    transform: rotate(64.8deg)
}

completion-percentage .c100.p19 .bar {
    transform: rotate(68.4deg)
}

completion-percentage .c100.p20 .bar {
    transform: rotate(72deg)
}

completion-percentage .c100.p21 .bar {
    transform: rotate(75.6deg)
}

completion-percentage .c100.p22 .bar {
    transform: rotate(79.2deg)
}

completion-percentage .c100.p23 .bar {
    transform: rotate(82.8deg)
}

completion-percentage .c100.p24 .bar {
    transform: rotate(86.4deg)
}

completion-percentage .c100.p25 .bar {
    transform: rotate(90deg)
}

completion-percentage .c100.p26 .bar {
    transform: rotate(93.6deg)
}

completion-percentage .c100.p27 .bar {
    transform: rotate(97.2deg)
}

completion-percentage .c100.p28 .bar {
    transform: rotate(100.8deg)
}

completion-percentage .c100.p29 .bar {
    transform: rotate(104.4deg)
}

completion-percentage .c100.p30 .bar {
    transform: rotate(108deg)
}

completion-percentage .c100.p31 .bar {
    transform: rotate(111.6deg)
}

completion-percentage .c100.p32 .bar {
    transform: rotate(115.2deg)
}

completion-percentage .c100.p33 .bar {
    transform: rotate(118.8deg)
}

completion-percentage .c100.p34 .bar {
    transform: rotate(122.4deg)
}

completion-percentage .c100.p35 .bar {
    transform: rotate(126deg)
}

completion-percentage .c100.p36 .bar {
    transform: rotate(129.6deg)
}

completion-percentage .c100.p37 .bar {
    transform: rotate(133.2deg)
}

completion-percentage .c100.p38 .bar {
    transform: rotate(136.8deg)
}

completion-percentage .c100.p39 .bar {
    transform: rotate(140.4deg)
}

completion-percentage .c100.p40 .bar {
    transform: rotate(144deg)
}

completion-percentage .c100.p41 .bar {
    transform: rotate(147.6deg)
}

completion-percentage .c100.p42 .bar {
    transform: rotate(151.2deg)
}

completion-percentage .c100.p43 .bar {
    transform: rotate(154.8deg)
}

completion-percentage .c100.p44 .bar {
    transform: rotate(158.4deg)
}

completion-percentage .c100.p45 .bar {
    transform: rotate(162deg)
}

completion-percentage .c100.p46 .bar {
    transform: rotate(165.6deg)
}

completion-percentage .c100.p47 .bar {
    transform: rotate(169.2deg)
}

completion-percentage .c100.p48 .bar {
    transform: rotate(172.8deg)
}

completion-percentage .c100.p49 .bar {
    transform: rotate(176.4deg)
}

completion-percentage .c100.p50 .bar {
    transform: rotate(180deg)
}

completion-percentage .c100.p51 .bar {
    transform: rotate(183.6deg)
}

completion-percentage .c100.p52 .bar {
    transform: rotate(187.2deg)
}

completion-percentage .c100.p53 .bar {
    transform: rotate(190.8deg)
}

completion-percentage .c100.p54 .bar {
    transform: rotate(194.4deg)
}

completion-percentage .c100.p55 .bar {
    transform: rotate(198deg)
}

completion-percentage .c100.p56 .bar {
    transform: rotate(201.6deg)
}

completion-percentage .c100.p57 .bar {
    transform: rotate(205.2deg)
}

completion-percentage .c100.p58 .bar {
    transform: rotate(208.8deg)
}

completion-percentage .c100.p59 .bar {
    transform: rotate(212.4deg)
}

completion-percentage .c100.p60 .bar {
    transform: rotate(216deg)
}

completion-percentage .c100.p61 .bar {
    transform: rotate(219.6deg)
}

completion-percentage .c100.p62 .bar {
    transform: rotate(223.2deg)
}

completion-percentage .c100.p63 .bar {
    transform: rotate(226.8deg)
}

completion-percentage .c100.p64 .bar {
    transform: rotate(230.4deg)
}

completion-percentage .c100.p65 .bar {
    transform: rotate(234deg)
}

completion-percentage .c100.p66 .bar {
    transform: rotate(237.6deg)
}

completion-percentage .c100.p67 .bar {
    transform: rotate(241.2deg)
}

completion-percentage .c100.p68 .bar {
    transform: rotate(244.8deg)
}

completion-percentage .c100.p69 .bar {
    transform: rotate(248.4deg)
}

completion-percentage .c100.p70 .bar {
    transform: rotate(252deg)
}

completion-percentage .c100.p71 .bar {
    transform: rotate(255.6deg)
}

completion-percentage .c100.p72 .bar {
    transform: rotate(259.2deg)
}

completion-percentage .c100.p73 .bar {
    transform: rotate(262.8deg)
}

completion-percentage .c100.p74 .bar {
    transform: rotate(266.4deg)
}

completion-percentage .c100.p75 .bar {
    transform: rotate(270deg)
}

completion-percentage .c100.p76 .bar {
    transform: rotate(273.6deg)
}

completion-percentage .c100.p77 .bar {
    transform: rotate(277.2deg)
}

completion-percentage .c100.p78 .bar {
    transform: rotate(280.8deg)
}

completion-percentage .c100.p79 .bar {
    transform: rotate(284.4deg)
}

completion-percentage .c100.p80 .bar {
    transform: rotate(288deg)
}

completion-percentage .c100.p81 .bar {
    transform: rotate(291.6deg)
}

completion-percentage .c100.p82 .bar {
    transform: rotate(295.2deg)
}

completion-percentage .c100.p83 .bar {
    transform: rotate(298.8deg)
}

completion-percentage .c100.p84 .bar {
    transform: rotate(302.4deg)
}

completion-percentage .c100.p85 .bar {
    transform: rotate(306deg)
}

completion-percentage .c100.p86 .bar {
    transform: rotate(309.6deg)
}

completion-percentage .c100.p87 .bar {
    transform: rotate(313.2deg)
}

completion-percentage .c100.p88 .bar {
    transform: rotate(316.8deg)
}

completion-percentage .c100.p89 .bar {
    transform: rotate(320.4deg)
}

completion-percentage .c100.p90 .bar {
    transform: rotate(324deg)
}

completion-percentage .c100.p91 .bar {
    transform: rotate(327.6deg)
}

completion-percentage .c100.p92 .bar {
    transform: rotate(331.2deg)
}

completion-percentage .c100.p93 .bar {
    transform: rotate(334.8deg)
}

completion-percentage .c100.p94 .bar {
    transform: rotate(338.4deg)
}

completion-percentage .c100.p95 .bar {
    transform: rotate(342deg)
}

completion-percentage .c100.p96 .bar {
    transform: rotate(345.6deg)
}

completion-percentage .c100.p97 .bar {
    transform: rotate(349.2deg)
}

completion-percentage .c100.p98 .bar {
    transform: rotate(352.8deg)
}

completion-percentage .c100.p99 .bar {
    transform: rotate(356.4deg)
}

completion-percentage .c100.p100 .bar {
    transform: rotate(360deg)
}

create-credit-trackers>div>div {
    margin: 24px 0
}

create-credit-trackers .tracker-row {
    width: 100%;
    margin: 10px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 0px) and (max-width: 650px) {
    create-credit-trackers .tracker-row {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

create-credit-trackers .tracker-row+.tracker-row {
    margin-top: 15px
}

create-credit-trackers .tracker-row .barnumber-required-message {
    font-size: 11px;
    display: block;
    margin-top: 3px;
    color: #999
}

create-credit-trackers .tracker-row:first-of-type .remove {
    visibility: hidden
}

create-credit-trackers .tracker-row>div {
    width: 35%;
    margin: 0px 10px
}

create-credit-trackers .tracker-row>div.field,
create-credit-trackers .tracker-row>div.field--shortened {
    margin: 0px 10px;
    float: none
}

create-credit-trackers .tracker-row>div.field.barnumber,
create-credit-trackers .tracker-row>div.barnumber.field--shortened {
    width: 30%
}

create-credit-trackers .tracker-row>div.field.professions,
create-credit-trackers .tracker-row>div.professions.field--shortened {
    width: 15%
}

create-credit-trackers .tracker-row>div.field.states,
create-credit-trackers .tracker-row>div.states.field--shortened {
    width: 25%
}

create-credit-trackers .tracker-row>div.field.options,
create-credit-trackers .tracker-row>div.options.field--shortened {
    width: auto;
    text-align: left
}

create-credit-trackers .tracker-row>div.field.options img.remove,
create-credit-trackers .tracker-row>div.options.field--shortened img.remove {
    cursor: pointer;
    padding-top: 14px
}

@media (min-width: 0px) and (max-width: 650px) {
    create-credit-trackers .tracker-row>div {
        width: 100%;
        margin-bottom: 6px
    }
}

create-credit-trackers .tracker-row>div>input {
    width: 100%;
    height: 44px
}

create-credit-trackers .tracker-row>div:first-child {
    width: 15%
}

create-credit-trackers .tracker-row>div:first-child strong {
    margin-top: 12px;
    display: block
}

@media (min-width: 0px) and (max-width: 650px) {
    create-credit-trackers .tracker-row>div:first-child {
        width: 100%
    }

    create-credit-trackers .tracker-row>div:first-child strong {
        margin-top: 0
    }
}

create-credit-trackers .tracker-row>div .quickdate {
    width: 100%
}

create-credit-trackers .tracker-row>div .quickdate-button {
    display: block;
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    padding: 12px 20px
}

create-credit-trackers .tracker-add-state {
    color: #bfbfbf;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    margin-top: 12px
}

create-credit-trackers .tracker-add-state:hover {
    color: #a5a5a5
}

create-credit-trackers .action+.action,
create-credit-trackers .action--secondary+.action,
create-credit-trackers .action--third+.action,
create-credit-trackers .action--danger+.action,
create-credit-trackers .action+.action--secondary,
create-credit-trackers .action--secondary+.action--secondary,
create-credit-trackers .action--third+.action--secondary,
create-credit-trackers .action--danger+.action--secondary,
create-credit-trackers .action+.action--third,
create-credit-trackers .action--secondary+.action--third,
create-credit-trackers .action--third+.action--third,
create-credit-trackers .action--danger+.action--third,
create-credit-trackers .action+.action--danger,
create-credit-trackers .action--secondary+.action--danger,
create-credit-trackers .action--third+.action--danger,
create-credit-trackers .action--danger+.action--danger {
    margin-right: 15px
}

create-credit-trackers .inactive a {
    pointer-events: none
}

dashboard-pane .toolbar {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

@media (min-width: 0px) and (max-width: 650px) {
    dashboard-pane .toolbar {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }
}

dashboard-pane .toolbar .item {
    text-align: center
}

@media (min-width: 0px) and (max-width: 650px) {
    dashboard-pane .toolbar .item {
        width: 280px
    }
}

dashboard-pane .toolbar .item:first-child {
    -ms-flex-positive: 8;
    flex-grow: 8
}

@media (min-width: 0px) and (max-width: 650px) {
    dashboard-pane .toolbar .item:first-child {
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

dashboard-pane .toolbar .item:last-child {
    -ms-flex-positive: 1;
    flex-grow: 1
}

dashboard-pane .toolbar .item sort-menu .popup-dropdown {
    width: 300px
}

dashboard-pane .toolbar .item sort-menu .popup-dropdown .dropdown-button h3 {
    max-width: 230px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (min-width: 0px) and (max-width: 650px) {
    dashboard-pane .toolbar .item sort-menu .popup-dropdown .dropdown-button {
        height: 50px;
        box-shadow: none
    }
}

dashboard-pane .toolbar .item sort-menu .popup-dropdown .dropdown-button img {
    float: right
}

dashboard-pane .toolbar .item sort-menu .popup-dropdown popout {
    width: 230px;
    left: 80px
}

@media (min-width: 0px) and (max-width: 650px) {
    dashboard-pane .toolbar .item sort-menu .popup-dropdown {
        width: 100%;
        margin: auto
    }
}

.quickdate-popup {
    color: #272727 !important;
    border-radius: 3px !important;
    border: 1px solid #979797 !important
}

.download-self-apply-doc-modal h4 {
    font-size: 18px
}

.download-self-apply-doc-modal p {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300
}

.download-self-apply-doc-modal .self-apply-doc-link {
    margin: 10px 0 0 20px
}

.download-self-apply-doc-modal .self-apply-doc-link a {
    font-size: 16px
}

edit-completion-states {
    display: inline-block
}

edit-completion-states button.disabled {
    background-color: #D8D8D8;
    cursor: not-allowed
}

edit-completion-states .edit {
    margin-bottom: 20px;
    font-weight: 300
}

edit-completion-states select+p {
    margin-top: 20px
}

edit-completion-states .selected-states {
    margin: 10px 0;
    font-size: 14px
}

edit-completion-states .selected-states__remove {
    cursor: pointer;
    width: 20px;
    height: 20px;
    border: 1px solid #272727;
    border-radius: 50%;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    color: #272727
}

firm-access-request-modal .form-footer {
    padding-top: 30px;
    text-align: center
}

firm-access-request-modal .form-footer .action,
firm-access-request-modal .form-footer .action--secondary,
firm-access-request-modal .form-footer .action--third,
firm-access-request-modal .form-footer .action--danger {
    float: none;
    margin: auto;
    display: inline-block
}

firm-access-request-modal .form-footer .action+.action,
firm-access-request-modal .form-footer .action--secondary+.action,
firm-access-request-modal .form-footer .action--third+.action,
firm-access-request-modal .form-footer .action--danger+.action,
firm-access-request-modal .form-footer .action+.action--secondary,
firm-access-request-modal .form-footer .action--secondary+.action--secondary,
firm-access-request-modal .form-footer .action--third+.action--secondary,
firm-access-request-modal .form-footer .action--danger+.action--secondary,
firm-access-request-modal .form-footer .action+.action--third,
firm-access-request-modal .form-footer .action--secondary+.action--third,
firm-access-request-modal .form-footer .action--third+.action--third,
firm-access-request-modal .form-footer .action--danger+.action--third,
firm-access-request-modal .form-footer .action+.action--danger,
firm-access-request-modal .form-footer .action--secondary+.action--danger,
firm-access-request-modal .form-footer .action--third+.action--danger,
firm-access-request-modal .form-footer .action--danger+.action--danger {
    margin-left: 30px
}

.inline-state-credits-list {
    clear: both;
    margin-top: 20px;
    display: inline-block
}

.inline-state-credits-list__credit {
    padding: 10px;
    background-color: #FFF;
    float: left;
    color: #383838;
    margin: 0 20px 20px 0;
    border-radius: 3px;
    font-size: 14px
}

@keyframes rotator {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 187
    }

    50% {
        stroke-dashoffset: 46.75;
        transform: rotate(0deg)
    }

    100% {
        stroke-dashoffset: 187;
        transform: rotate(450deg)
    }
}

.loader {
    width: 50px;
    margin: 0 auto
}

.loader .spinner {
    animation: rotator .9s linear infinite;
    -webkit-animation: rotator .9s linear infinite
}

.loader .path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
    animation: dash .9s ease-in-out infinite, colors 3.6s ease-in-out infinite;
    -webkit-animation: dash .9s ease-in-out infinite, colors 3.6s ease-in-out infinite;
    stroke: #2D7ABF
}

.manual-credit-modal .modal--container {
    text-align: left
}

.manual-credit-modal .modal--container .upload-area button {
    float: none
}

.manual-credit-modal .modal--container .field,
.manual-credit-modal .modal--container .field--shortened {
    width: 100% !important;
    margin: 10px 0px
}

.manual-credit-modal .modal--container input,
.manual-credit-modal .modal--container select {
    color: #000
}

.manual-credit-modal .modal--container select {
    cursor: pointer
}

.manual-credit-modal .modal--container select.disabled {
    opacity: 0.3;
    cursor: default
}

.manual-credit-modal .modal--container .success-message {
    clear: both;
    text-align: center;
    padding: 1em
}

.manual-credit-modal .modal--container .form-title {
    margin-bottom: 1em
}

.manual-credit-modal .modal--container p.disclaimer {
    font-size: 12px
}

.manual-credit-modal .modal--container .current-certificate {
    padding-bottom: 35px
}

.manual-credit-modal .modal--container .current-certificate .view-certificate {
    float: left;
    margin-right: 25px
}

.manual-credit-modal .modal--container .current-certificate .button.remove {
    background: #BF392D
}

.manual-credit-modal .modal--container .action-button-container {
    text-align: center
}

.manual-credit-modal .modal--container .action-button-container .action-button,
.manual-credit-modal .modal--container .action-button-container .action-button--blue,
.manual-credit-modal .modal--container .action-button-container .action-button--disabled,
.manual-credit-modal .modal--container .action-button-container .action-button--red {
    float: none;
    display: inline-block;
    border: 1px solid #2D7ABF;
    color: #2D7ABF;
    text-align: center;
    padding: 10px;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 3px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.2s
}

@media (min-width: 0px) and (max-width: 650px) {

    .manual-credit-modal .modal--container .action-button-container .action-button,
    .manual-credit-modal .modal--container .action-button-container .action-button--blue,
    .manual-credit-modal .modal--container .action-button-container .action-button--disabled,
    .manual-credit-modal .modal--container .action-button-container .action-button--red {
        width: 45%;
        margin: 5px
    }
}

.manual-credit-modal .modal--container .action-button-container .action-button:hover,
.manual-credit-modal .modal--container .action-button-container .action-button--blue:hover,
.manual-credit-modal .modal--container .action-button-container .action-button--disabled:hover,
.manual-credit-modal .modal--container .action-button-container .action-button--red:hover {
    background-color: #1a456c;
    border: 1px solid #1a456c;
    color: white
}

.manual-credit-modal .modal--container .action-button-container .action-button+.action-button,
.manual-credit-modal .modal--container .action-button-container .action-button--blue+.action-button,
.manual-credit-modal .modal--container .action-button-container .action-button--disabled+.action-button,
.manual-credit-modal .modal--container .action-button-container .action-button--red+.action-button,
.manual-credit-modal .modal--container .action-button-container .action-button+.action-button--blue,
.manual-credit-modal .modal--container .action-button-container .action-button--blue+.action-button--blue,
.manual-credit-modal .modal--container .action-button-container .action-button--disabled+.action-button--blue,
.manual-credit-modal .modal--container .action-button-container .action-button--red+.action-button--blue,
.manual-credit-modal .modal--container .action-button-container .action-button+.action-button--disabled,
.manual-credit-modal .modal--container .action-button-container .action-button--blue+.action-button--disabled,
.manual-credit-modal .modal--container .action-button-container .action-button--disabled+.action-button--disabled,
.manual-credit-modal .modal--container .action-button-container .action-button--red+.action-button--disabled,
.manual-credit-modal .modal--container .action-button-container .action-button+.action-button--red,
.manual-credit-modal .modal--container .action-button-container .action-button--blue+.action-button--red,
.manual-credit-modal .modal--container .action-button-container .action-button--disabled+.action-button--red,
.manual-credit-modal .modal--container .action-button-container .action-button--red+.action-button--red {
    margin-top: 10px
}

@media (min-width: 0px) and (max-width: 650px) {

    .manual-credit-modal .modal--container .action-button-container .action-button+.action-button,
    .manual-credit-modal .modal--container .action-button-container .action-button--blue+.action-button,
    .manual-credit-modal .modal--container .action-button-container .action-button--disabled+.action-button,
    .manual-credit-modal .modal--container .action-button-container .action-button--red+.action-button,
    .manual-credit-modal .modal--container .action-button-container .action-button+.action-button--blue,
    .manual-credit-modal .modal--container .action-button-container .action-button--blue+.action-button--blue,
    .manual-credit-modal .modal--container .action-button-container .action-button--disabled+.action-button--blue,
    .manual-credit-modal .modal--container .action-button-container .action-button--red+.action-button--blue,
    .manual-credit-modal .modal--container .action-button-container .action-button+.action-button--disabled,
    .manual-credit-modal .modal--container .action-button-container .action-button--blue+.action-button--disabled,
    .manual-credit-modal .modal--container .action-button-container .action-button--disabled+.action-button--disabled,
    .manual-credit-modal .modal--container .action-button-container .action-button--red+.action-button--disabled,
    .manual-credit-modal .modal--container .action-button-container .action-button+.action-button--red,
    .manual-credit-modal .modal--container .action-button-container .action-button--blue+.action-button--red,
    .manual-credit-modal .modal--container .action-button-container .action-button--disabled+.action-button--red,
    .manual-credit-modal .modal--container .action-button-container .action-button--red+.action-button--red {
        margin-top: 5px
    }
}

.manual-credit-modal .modal--container .action-button-container .action-button--blue,
.manual-credit-modal .modal--container .action-button-container .action-button--disabled {
    background: #2D7ABF;
    color: white
}

.manual-credit-modal .modal--container .action-button-container .action-button--blue a,
.manual-credit-modal .modal--container .action-button-container .action-button--disabled a {
    color: #FFF
}

.manual-credit-modal .modal--container .action-button-container .action-button--red {
    background: #BF392D;
    color: white
}

.manual-credit-modal .modal--container .action-button-container .action-button--red a {
    color: #FFF
}

.manual-credit-modal .modal--container .action-button-container .action-button--disabled {
    background: #D8D8D8;
    cursor: not-allowed;
    border-color: #D8D8D8
}

.manual-credit-modal .modal--container .action-button-container .action-button--disabled:hover {
    background: #D8D8D8;
    border-color: #D8D8D8
}

.manual-credit-modal trash-inline-confirm {
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-align: center;
    display: inline-block
}

.manual-credit-modal trash-inline-confirm .delete-icon {
    cursor: pointer;
    width: 25px;
    height: 25px
}

.manual-credit-modal trash-inline-confirm:after {
    content: "";
    display: table;
    clear: both
}

.manual-credit-modal trash-inline-confirm span {
    display: block;
    margin-bottom: 10px
}

.manual-credit-modal trash-inline-confirm button {
    display: inline-block;
    padding: 10px;
    float: none;
    font-size: 14px;
    margin-top: 0
}

.manual-credit-modal trash-inline-confirm>div>button {
    padding: 10px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase
}

.manual-credit-modal trash-inline-confirm .inline-confirm {
    background: white;
    border: 1px solid rgba(29, 32, 39, 0.2);
    border-radius: 3px;
    padding: 10px;
    font-size: 14px;
    z-index: 100;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 50%;
    margin-top: -45px;
    min-width: 200px;
    min-height: 90px;
    box-shadow: 0px 0px 5px 2px rgba(39, 39, 39, 0.1)
}

.manual-credit-modal trash-inline-confirm .inline-confirm:after {
    content: "";
    display: table;
    clear: both
}

.message {
    background: white;
    font-weight: 300;
    font-size: 16px;
    width: auto;
    max-width: 300px;
    color: #272727;
    padding: 30px 60px;
    margin: 30px;
    border-radius: 3px;
    position: fixed;
    top: 0;
    right: 0;
    animation-duration: 0.7s !important;
    z-index: 1000
}

.message:after {
    content: "";
    display: table;
    clear: both
}

.message.info {
    border-top: 3px solid #2D7ABF
}

.message.success {
    border-top: 3px solid #2DBF41
}

.message.error,
input.message.error--major {
    border-top: 3px solid #BF392D
}

.message .message-close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.message .message-close img {
    width: 100%
}

message {
    text-align: center
}

message .action,
message .action--secondary,
message .action--third,
message .action--danger {
    margin: 15px auto 0;
    float: none
}

message .action a,
message .action--secondary a,
message .action--third a,
message .action--danger a {
    color: white !important
}

message .message-close {
    top: 10px;
    right: 10px
}

.flash-message-banner {
    padding: 10px;
    text-align: center;
    background-color: #2DBF41;
    color: white
}

message-modal .modal-body {
    text-align: center
}

message-modal .modal-body .action-container {
    text-align: center;
    padding-top: 30px
}

message-modal .modal-body .action-container div.action,
message-modal .modal-body .action-container div.action--secondary,
message-modal .modal-body .action-container div.action--third,
message-modal .modal-body .action-container div.action--danger {
    display: inline-block;
    float: none
}

mini-cart {
    position: relative;
    top: 5px;
    display: block
}

mini-cart:after {
    content: "";
    display: table;
    clear: both
}

mini-cart popout {
    margin-top: 15px
}

mini-cart label {
    text-transform: uppercase;
    float: left;
    color: #272727;
    position: relative;
    top: 15px
}

minimized-certificate-list {
    font-size: 12px
}

minimized-certificate-list thead td {
    font-weight: bold;
    font-size: 10px;
    color: #000;
    margin-top: 0;
    margin-bottom: 5px
}

minimized-certificate-list tr td {
    position: relative;
    font-size: 14px
}

minimized-certificate-list tr td.completed-credits div {
    width: 200px
}

@media (min-width: 0px) and (max-width: 650px) {

    minimized-certificate-list tr td .action.highlighted a,
    minimized-certificate-list tr td .highlighted.action--secondary a,
    minimized-certificate-list tr td .highlighted.action--third a,
    minimized-certificate-list tr td .highlighted.action--danger a {
        font-size: 10px;
        padding: 10px 10px
    }

    minimized-certificate-list tr td.completed-credits div {
        width: auto;
        max-width: 200px
    }
}

minimized-certificate-list tr td .download-self-apply-link {
    font-size: 12px;
    white-space: nowrap;
    padding: 10px
}

@media (min-width: 0px) and (max-width: 650px) {
    minimized-certificate-list {
        display: block
    }

    minimized-certificate-list thead,
    minimized-certificate-list tbody,
    minimized-certificate-list th,
    minimized-certificate-list td,
    minimized-certificate-list tr {
        display: block
    }

    minimized-certificate-list thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    minimized-certificate-list .action,
    minimized-certificate-list .action--secondary,
    minimized-certificate-list .action--third,
    minimized-certificate-list .action--danger {
        font-size: 10px
    }

    minimized-certificate-list tr {
        border: 1px solid #D8D8D8;
        width: 100%
    }

    minimized-certificate-list tr+tr {
        margin-top: 5px
    }

    minimized-certificate-list td {
        border: none;
        border-bottom: 1px solid #D8D8D8;
        position: relative;
        padding-left: 50%;
        width: 100%;
        font-size: 12px
    }

    minimized-certificate-list td span {
        font-size: 14px
    }

    minimized-certificate-list td:after {
        content: "";
        display: table;
        clear: both
    }

    minimized-certificate-list td:before {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: bold;
        font-size: 10px
    }

    minimized-certificate-list td:nth-of-type(1):before {
        content: "STATE"
    }

    minimized-certificate-list td:nth-of-type(2):before {
        content: "PROFESSION"
    }

    minimized-certificate-list td:nth-of-type(2):before {
        content: "CREDIT EARNED"
    }
}

more-info .explain-this {
    position: relative
}

more-info .explain-this img {
    cursor: pointer
}

more-info .explain-this popout {
    position: absolute;
    top: inherit;
    width: 200px;
    left: -100px;
    padding: 8px;
    font-size: 11px
}

no-results box-component div.content {
    padding: 15px 100px
}

@media (min-width: 0px) and (max-width: 650px) {
    no-results box-component div.content {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    no-results box-component div.content {
        padding-left: 20px;
        padding-right: 20px
    }
}

no-results box-component .action,
no-results box-component .action--secondary,
no-results box-component .action--third,
no-results box-component .action--danger {
    float: none;
    margin: 25px;
    display: inline-block
}

notification-banner .notifications-wrapper {
    width: 100%
}

notification-banner .notifications-wrapper .msg {
    width: 100%;
    text-align: center;
    font-weight: 600;
    width: auto;
    padding: 7px 10px;
    background: #FED8AB;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

notification-banner .notifications-wrapper .msg .label,
notification-banner .notifications-wrapper .msg .action,
notification-banner .notifications-wrapper .msg .action--secondary,
notification-banner .notifications-wrapper .msg .action--third,
notification-banner .notifications-wrapper .msg .action--danger {
    float: none;
    display: inline-block;
    vertical-align: middle
}

notification-banner .notifications-wrapper .msg .label {
    font-weight: bold;
    margin-right: 15px;
    max-width: 650px
}

notification-banner .notifications-wrapper .msg .action,
notification-banner .notifications-wrapper .msg .action--secondary,
notification-banner .notifications-wrapper .msg .action--third,
notification-banner .notifications-wrapper .msg .action--danger {
    text-transform: uppercase;
    font-weight: 500;
    min-width: 150px
}

notification-banner .notifications-wrapper .msg .action a,
notification-banner .notifications-wrapper .msg .action--secondary a,
notification-banner .notifications-wrapper .msg .action--third a,
notification-banner .notifications-wrapper .msg .action--danger a {
    padding: 5px 20px
}

notification-banner .notifications-wrapper .msg.expiring,
notification-banner .notifications-wrapper .msg.upgrade {
    color: #FD9226;
    background: #FED8AB
}

notification-banner .notifications-wrapper .msg.expired {
    color: #A44642;
    background: #F4DEDF
}

notification-banner .notifications-wrapper .closebtn {
    position: absolute;
    top: auto;
    right: 20px;
    font-size: 22px;
    cursor: pointer
}

@media (min-width: 0px) and (max-width: 650px) {
    notification-banner .notifications-wrapper .closebtn {
        margin-bottom: auto
    }
}

popout,
.v-popout {
    display: none;
    width: 210px;
    background: white;
    position: relative;
    width: auto;
    z-index: 20
}

popout.popout-loaded,
.v-popout.popout-loaded {
    display: block
}

popout::before,
.v-popout::before {
    content: "";
    display: inline-block;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #D8D8D8;
    border-bottom-color: #D8D8D8;
    position: absolute;
    top: -9px;
    left: 50%;
    z-index: -1
}

popout::after,
.v-popout::after {
    content: "";
    display: inline-block;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid white;
    position: absolute;
    top: -8px;
    left: calc(50% + 1px)
}

popout ul,
.v-popout ul {
    padding: 0
}

popout ul li,
.v-popout ul li {
    list-style-type: none;
    padding: 20px 30px
}

popout ul li.active,
.v-popout ul li.active {
    background-color: #f5f5f5
}

.popup-dropdown {
    display: block;
    position: relative;
    z-index: 10;
    float: right;
    margin-right: 12px
}

.popup-dropdown:after {
    content: "";
    display: table;
    clear: both
}

.popup-dropdown .dropdown-button {
    border-radius: 3px;
    padding: 10px 20px;
    cursor: pointer;
    width: auto
}

.popup-dropdown .dropdown-button:after {
    content: "";
    display: table;
    clear: both
}

.popup-dropdown .dropdown-button h3 {
    float: left;
    font-size: 16px;
    font-weight: 400
}

.popup-dropdown .dropdown-button img {
    float: left;
    padding-top: 5px;
    margin-left: 10px;
    width: 18px;
    height: 15px
}

.popup-dropdown popout,
.popup-dropdown .v-popout {
    position: absolute;
    top: 55px;
    left: -76px;
    border-radius: 3px;
    width: auto;
    padding: 10px
}

.popup-dropdown popout:before,
.popup-dropdown .v-popout:before {
    left: 80%
}

.popup-dropdown popout:after,
.popup-dropdown .v-popout:after {
    left: calc(80% + 1px)
}

.popup-dropdown popout li,
.popup-dropdown .v-popout li {
    text-align: center;
    font-weight: 300;
    padding: 10px 30px !important;
    font-size: 15px;
    cursor: pointer;
    color: rgba(39, 39, 39, 0.6)
}

.popup-dropdown popout li.active,
.popup-dropdown .v-popout li.active {
    color: #272727
}

results-per-page .popup-dropdown popout {
    left: auto;
    right: 17px
}

.card {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 30px;
    width: 280px;
    height: 450px;
    border-radius: 3px;
    position: relative;
    background: white;
    text-align: left
}

.card:after {
    content: "";
    display: table;
    clear: both
}

.card.large {
    width: 500px;
    height: auto;
    margin-top: 0;
    margin-right: 0;
    float: right
}

@media (min-width: 0px) and (max-width: 650px) {
    .card.large {
        width: 280px;
        float: none;
        display: block;
        margin: 0 auto
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .card.large {
        width: 280px
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    .card.large {
        width: 410px
    }
}

.card.large .card-hero {
    height: 281px;
    cursor: default
}

@media (min-width: 0px) and (max-width: 650px) {
    .card.large .card-hero {
        height: 160px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .card.large .card-hero {
        height: 160px
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    .card.large .card-hero {
        height: 231px
    }
}

.card.large .card-hero .thumbnail-note {
    padding: 10px 20px;
    font-size: 14px
}

@media (min-width: 0px) and (max-width: 650px) {
    .card.large .card-hero .thumbnail-note {
        padding: 5px 10px;
        font-size: 10px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .card.large .card-hero .thumbnail-note {
        padding: 5px 10px;
        font-size: 10px
    }
}

.card.large .card-hero .thumbnail-note.bottom-2ndlevel {
    bottom: 35px
}

.card.large .card-hero .thumbnail-note span {
    line-height: 1;
    font-weight: 400;
    text-transform: uppercase
}

@media (min-width: 0px) and (max-width: 650px) {
    .card.large .card-hero .thumbnail-note span {
        line-height: 1.5
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .card.large .card-hero .thumbnail-note span {
        line-height: 1.5
    }
}

.card.large .card-hero .thumbnail-note img {
    width: 20px;
    height: 20px
}

@media (min-width: 0px) and (max-width: 650px) {
    .card.large .card-hero .thumbnail-note img {
        width: 15px;
        height: 15px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .card.large .card-hero .thumbnail-note img {
        width: 15px;
        height: 15px
    }
}

.card.large credit-tag {
    font-size: 14px
}

@media (min-width: 0px) and (max-width: 650px) {
    .card.large credit-tag {
        font-size: 12px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .card.large credit-tag {
        font-size: 12px
    }
}

.card.large credit-tag .credit-tag-state {
    width: 250px
}

@media (min-width: 0px) and (max-width: 650px) {
    .card.large credit-tag .credit-tag-state {
        width: 120px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .card.large credit-tag .credit-tag-state {
        width: 120px
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    .card.large credit-tag .credit-tag-state {
        width: 215px
    }
}

.card.large .card-body {
    padding: 40px;
    height: auto
}

@media (min-width: 0px) and (max-width: 650px) {
    .card.large .card-body {
        padding: 20px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .card.large .card-body {
        padding: 20px
    }
}

.card.large .card-body+.card-body {
    border-top: 1px solid #D8D8D8
}

.card.large .card-body .title h2 {
    font-size: 24px;
    margin-bottom: 40px;
    max-height: none;
    overflow: auto
}

@media (min-width: 0px) and (max-width: 650px) {
    .card.large .card-body .title h2 {
        font-size: 16px;
        margin-bottom: 10px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .card.large .card-body .title h2 {
        font-size: 16px;
        margin-bottom: 10px
    }
}

.card.large .card-body .title h2 a {
    color: #272727
}

.card.large .card-body .title h2 i {
    font-style: italic
}

.card.large .card-body .faculty h2 {
    font-size: 16px;
    margin-bottom: 0;
    overflow: auto;
    max-height: none
}

.card.large .card-body .faculty h2 a {
    color: #2D7ABF
}

.card.large .card-body .faculty h2 a:hover {
    color: #1a456c
}

@media (min-width: 0px) and (max-width: 650px) {
    .card.large .card-body .faculty h2 {
        font-size: 12px;
        margin-bottom: 10px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .card.large .card-body .faculty h2 {
        font-size: 12px;
        margin-bottom: 10px
    }
}

.card.large .card-body .faculty--firm {
    display: inline
}

.card.large .card-body .additional-info {
    color: #979797;
    font-size: 14px;
    font-weight: 300;
    float: left;
    margin-top: 20px;
    display: block;
    width: 100%
}

@media (min-width: 0px) and (max-width: 650px) {
    .card.large .card-body .additional-info {
        font-size: 12px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .card.large .card-body .additional-info {
        font-size: 12px
    }
}

.card.large .card-body .additional-info:first-child {
    margin-top: 0
}

.card.large .card-body card-difficulty-level {
    margin-top: 20px;
    display: block;
    clear: both
}

.card.large .card-body card-advanced-prep-courses ul {
    padding: 0
}

.card.large .card-body card-advanced-prep-courses .additional-info:first-child {
    margin-top: 20px
}

.card.large .card-body card-advanced-prep-courses ul li {
    list-style-type: none;
    padding: 0;
    font-size: 14px;
    font-weight: 300px;
    margin-top: 15px;
    float: left;
    width: 100%
}

.card.large .card-body card-advanced-prep-courses ul li:first-child {
    margin-top: 5px
}

.card.large .pending:after {
    font-size: 12px
}

.card .card-hero {
    overflow: hidden;
    position: relative;
    height: 156px;
    width: 100%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    cursor: pointer
}

.card .card-hero:after {
    content: "";
    display: table;
    clear: both
}

.card .card-hero .course-types-container {
    float: left
}

.card .card-hero>img {
    width: 100%;
    min-height: 160px;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto
}

.card .card-hero::before {
    background: linear-gradient(rgba(39, 39, 39, 0), #272727);
    position: absolute;
    z-index: 2;
    left: 0;
    top: -25px;
    width: 100%;
    height: 70px;
    content: " ";
    transform: rotate(180deg)
}

.card .card-hero::after {
    background: linear-gradient(rgba(39, 39, 39, 0), #272727);
    position: absolute;
    z-index: 2;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 70px
}

.card .card-hero .thumbnail-note {
    position: absolute;
    color: white;
    z-index: 3;
    font-weight: 300;
    font-size: 10px
}

.card .card-hero .thumbnail-note span {
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 400
}

.card .card-hero .thumbnail-note img {
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 5px
}

.card .card-hero .thumbnail-note .type+.type {
    margin-top: 5px
}

.card .card-hero .thumbnail-note.left {
    left: 12px
}

.card .card-hero .thumbnail-note.bottom {
    bottom: 12px
}

.card .card-hero .thumbnail-note.bottom-2ndlevel {
    bottom: 32px
}

.card .card-hero .thumbnail-note.top {
    top: 12px
}

.card .card-hero .thumbnail-note.top-2ndlevel {
    top: 29px
}

.card .card-hero .thumbnail-note.right {
    right: 12px
}

.card .card-hero .thumbnail-note.center {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 14px
}

.card .card-hero .thumbnail-note.center img {
    float: left;
    width: 60px;
    height: 60px;
    margin: 20px 50px 10px 50px
}

.card .card-hero .thumbnail-note.product-flag,
.card .card-hero .thumbnail-note.flag {
    background: #2D7ABF;
    border-radius: 3px;
    font-size: 10px;
    color: white;
    text-transform: uppercase;
    padding: 10px 0;
    font-weight: 700;
    top: 12px;
    left: -30px;
    width: 120px;
    text-align: center;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.card .card-hero .thumbnail-note.flag-today,
.card .card-hero .thumbnail-note.flag-tomorrow {
    background: #F07732
}

.card .card-body {
    padding: 20px;
    position: relative;
    height: 285px;
    width: 100%
}

.card .card-body:after {
    content: "";
    display: table;
    clear: both
}

.card .card-body .title h2 {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 10px;
    max-height: 65px;
    overflow: hidden
}

.card .card-body .title h2 a {
    color: #272727;
    transition: color 0.2s
}

.card .card-body .title h2 a:hover {
    color: #8d8d8d
}

.card .card-body .title h2 a i {
    font-style: italic
}

.card .card-body .tagline {
    font-size: 12px
}

.card .card-body .faculty h2 {
    font-weight: 300;
    font-size: 12px;
    margin-bottom: 10px;
    color: #979797;
    max-height: 32px;
    overflow: hidden
}

.card .card-body .faculty h2 a {
    color: #646464;
    transition: color 0.2s
}

.card .card-body .faculty h2 a:hover {
    text-decoration: none;
    color: #8a8a8a
}

.card .card-body .faculty--firm {
    display: none
}

.card .card-body .action,
.card .card-body .action--secondary,
.card .card-body .action--third,
.card .card-body .action--danger {
    position: absolute;
    bottom: 20px;
    width: calc(100% - 110px)
}

.card .card-body .action:after,
.card .card-body .action--secondary:after,
.card .card-body .action--third:after,
.card .card-body .action--danger:after {
    content: "";
    display: table;
    clear: both
}

.card .card-body .price h2 {
    font-weight: 300;
    position: absolute;
    bottom: 25px;
    right: 20px
}

.card .card-body .progress {
    background: #D8D8D8;
    height: 0px;
    padding: 1px 0;
    position: absolute;
    bottom: 93px;
    width: calc(100% - 40px);
    border-radius: 3px
}

.card .card-body .progress span {
    display: block;
    position: relative;
    top: -2px;
    background: #2D7ABF;
    height: 4px;
    font-weight: 400;
    padding-top: 4px;
    font-size: 14px;
    border-radius: 3px
}

.card .card-body .progress span:after {
    content: "";
    display: table;
    clear: both
}

.card card-source-flag {
    color: #8EC740;
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 25px;
    text-align: center;
    font-size: 12px;
    line-height: 25px
}

.card card-source-flag img.check {
    display: inline-block;
    margin: auto;
    width: 12px;
    height: 12px;
    position: relative;
    top: 2px
}

.card card-source-flag span {
    display: inline-block;
    margin: auto
}

.card.bundle-card .card-body .tagline {
    font-weight: 300;
    font-size: 14px
}

.card.bundle-card .card-body .purchase_date {
    padding-top: 8px;
    font-size: 14px;
    color: #2D7ABF
}

.card.bundle-card .card-body .credits {
    position: absolute;
    bottom: 75px;
    width: calc(100% - 40px)
}

.card.bundle-card .card-body .credits credit-tag {
    margin-right: 2px
}

.card.bundle-card .card-body .credits popout {
    position: absolute;
    top: 28px;
    left: 0;
    z-index: 9;
    text-align: center;
    padding: 10px 0;
    width: 210px
}

.card.bundle-card .card-body .credits .more-credits {
    position: relative;
    width: 100%;
    outline: none;
    overflow: visible
}

.card.bundle-card--owns .card-body .action,
.card.bundle-card--owns .card-body .action--secondary,
.card.bundle-card--owns .card-body .action--third,
.card.bundle-card--owns .card-body .action--danger {
    width: calc(100% - 40px)
}

.card.bundle-card>img {
    border-radius: 3px;
    position: absolute;
    top: -10px;
    left: 2.5%;
    width: 95%;
    z-index: -9
}

.card.bundle-card>img:last-child {
    width: 90%;
    left: 5%;
    top: -20px;
    z-index: -10
}

.card.callout-card {
    text-align: center;
    padding: 0px;
    box-sizing: border-box;
    background: #272727;
    overflow: hidden;
    position: relative;
    background-image: linear-gradient(#272727, #272727);
    background-size: 375px;
    background-repeat: no-repeat;
    background-position: 30px center
}

.card.callout-card.curricula {
    background-image: linear-gradient(rgba(39, 39, 39, 0.9), rgba(39, 39, 39, 0.9)), url(//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/catalog/curriculum-icon.svg)
}

.card.callout-card.bundles {
    background-image: linear-gradient(rgba(39, 39, 39, 0.9), rgba(39, 39, 39, 0.9)), url(//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/common/curricula-icon-white.svg)
}

.card.callout-card.courses {
    background-image: linear-gradient(rgba(39, 39, 39, 0.9), rgba(39, 39, 39, 0.9)), url(//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/catalog/on-demand-icon.svg)
}

.card.callout-card p {
    font-size: 24px;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 900;
    color: #FFF;
    margin-bottom: 20px;
    z-index: 2
}

.card.callout-card>a {
    width: 280px;
    height: 450px;
    padding: 110px 20px 0px;
    display: block
}

.card.callout-card button {
    display: inline-block;
    margin: auto;
    float: none;
    padding: 9px 35px;
    z-index: 2
}

.card.curriculum-card {
    border: 1px solid rgba(45, 122, 191, 0.5)
}

.card.curriculum-card--owns .card-body .action,
.card.curriculum-card--owns .card-body .action--secondary,
.card.curriculum-card--owns .card-body .action--third,
.card.curriculum-card--owns .card-body .action--danger {
    width: calc(100% - 40px)
}

.card.curriculum-card .card-body .credits {
    position: absolute;
    bottom: 75px;
    width: calc(100% - 40px)
}

.card.curriculum-card .card-body .credits credit-tag {
    margin-right: 2px
}

.card.curriculum-card .card-body .credits popout {
    position: absolute;
    top: 28px;
    left: 0;
    z-index: 9;
    text-align: center;
    padding: 10px 0;
    width: 210px
}

.card.curriculum-card .card-body .credits .more-credits {
    position: relative;
    width: 100%;
    outline: none;
    overflow: visible
}

.card.curriculum-card .banner {
    color: white;
    font-weight: 700;
    background: rgba(45, 122, 191, 0.8);
    padding: 10px;
    position: relative;
    z-index: 2;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center
}

.card.curriculum-card .curriculum-icon {
    filter: drop-shadow(0px 0px 10px #2D7ABF)
}

.card.curriculum-card>img {
    border-radius: 3px;
    border: 1px solid rgba(45, 122, 191, 0.5);
    position: absolute;
    top: -10px;
    left: 2.5%;
    width: 95%;
    z-index: -9
}

.card.curriculum-card>img:last-child {
    width: 90%;
    left: 5%;
    top: -20px;
    z-index: -10
}

.card.curriculum-card .airs-date {
    position: absolute;
    bottom: 0;
    font-size: 12px;
    z-index: 5;
    text-align: center;
    white-space: nowrap;
    color: white;
    opacity: 0.6;
    left: 50%;
    transform: translate(-50%, -50%)
}

.card.curriculum-card .airs-date img {
    float: left;
    width: 13px;
    height: 15px;
    margin-right: 3px
}

.card.course-card .card-body .credits {
    position: absolute;
    bottom: 75px;
    width: calc(100% - 40px)
}

.card.course-card .card-body .credits popout {
    position: absolute;
    top: 28px;
    left: 0;
    z-index: 999;
    text-align: center;
    padding: 10px 0;
    width: 210px
}

.card.course-card .card-body .credits .more-credits {
    position: relative;
    width: 100%;
    outline: none;
    overflow: visible
}

.card.course-card .card-body .credits {
    margin-right: 5px
}

.card.course-card .card-body .credits:after {
    content: "";
    display: table;
    clear: both
}

.card.course-card .pending {
    border-radius: 100%;
    background: #F49E1E;
    width: 10px;
    height: 10px;
    float: none;
    position: relative;
    display: inline-block;
    cursor: pointer;
    z-index: 99;
    font-size: 12px;
    font-weight: 300;
    text-align: left;
    text-transform: none
}

.card.course-card .pending:hover:after {
    background: #F49E1E;
    color: white;
    border-radius: 3px;
    bottom: 15px;
    left: -65px;
    content: attr(title);
    padding: 5px 10px;
    position: absolute;
    width: 118px
}

.card.course-card .pending:hover:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 5px solid #F49E1E;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    opacity: 1;
    left: 0px;
    bottom: 12px;
    z-index: 99
}

.card.course-card .instructions {
    background: none;
    padding: 0;
    position: absolute;
    width: calc(100% - 40px);
    top: 200px;
    color: #2D7ABF;
    font-size: 10px;
    text-align: center
}

.card.course-card .instructions p {
    font-weight: 400
}

.card.course-card register-button .modal {
    color: #000;
    cursor: default
}

.card.course-card options-button .action-right popout {
    position: absolute;
    right: -10px;
    width: 210px;
    bottom: 40px
}

.card.course-card options-button .action-right popout::before {
    position: absolute;
    left: 77%;
    top: 183px;
    border-bottom: none;
    border-top: 9px solid #D8D8D8;
    border-top-color: #D8D8D8
}

.card.course-card options-button .action-right popout::after {
    position: absolute;
    top: 183px;
    left: calc(77% + 1px);
    border-bottom: none;
    border-top: 8px solid white
}

.card.course-card options-button .action-right popout a {
    color: rgba(39, 39, 39, 0.6);
    color: #272727 \9;
    width: 100%;
    min-width: 200px;
    display: block;
    transition: color 0.2s;
    padding: 10px 30px;
    text-overflow: hidden;
    padding: 20px 0
}

.card.course-card options-button .action-right popout a img {
    margin-left: 8px
}

.card.course-card options-button .action-right popout a span {
    vertical-align: sub
}

.card.course-card options-button .action-right popout a:hover {
    color: #272727;
    background: inherit
}

.card.course-card--not-started .card-body .action,
.card.course-card--not-started .card-body .action--secondary,
.card.course-card--not-started .card-body .action--third,
.card.course-card--not-started .card-body .action--danger {
    width: calc(100% - 40px)
}

.card.course-card--not-started card-button .cpe popout:before,
.card.course-card--not-started card-button .cpe popout:after {
    top: 122px
}

.card.course-card--in-progress .card-body .action,
.card.course-card--in-progress .card-body .action--secondary,
.card.course-card--in-progress .card-body .action--third,
.card.course-card--in-progress .card-body .action--danger {
    width: calc(100% - 40px)
}

.card.course-card--in-progress .card-body .action.button-1,
.card.course-card--in-progress .card-body .button-1.action--secondary,
.card.course-card--in-progress .card-body .button-1.action--third,
.card.course-card--in-progress .card-body .button-1.action--danger {
    bottom: 70px;
    width: 75%
}

.card.course-card--in-progress .card-body .action.light-button,
.card.course-card--in-progress .card-body .light-button.action--secondary,
.card.course-card--in-progress .card-body .light-button.action--third,
.card.course-card--in-progress .card-body .light-button.action--danger {
    border: 1px solid #2D7ABF;
    border-radius: 3px;
    background-color: #FFF
}

.card.course-card--in-progress .card-body .action.light-button a,
.card.course-card--in-progress .card-body .light-button.action--secondary a,
.card.course-card--in-progress .card-body .light-button.action--third a,
.card.course-card--in-progress .card-body .light-button.action--danger a {
    color: #2D7ABF
}

.card.course-card--in-progress .card-body .action.light-button a:hover,
.card.course-card--in-progress .card-body .light-button.action--secondary a:hover,
.card.course-card--in-progress .card-body .light-button.action--third a:hover,
.card.course-card--in-progress .card-body .light-button.action--danger a:hover {
    color: white
}

.card.course-card--in-progress .card-body .action-link {
    width: 20px;
    height: 20px;
    border: 1px solid #2D7ABF;
    border-radius: 50%;
    left: 238px;
    bottom: 80px;
    font-size: 12px;
    position: absolute;
    text-align: center;
    cursor: pointer
}

.card.course-card--in-progress .card-body .action-link a {
    color: #2D7ABF;
    position: absolute;
    left: 6px;
    top: 1px
}

.card.course-card--in-progress .card-body .action-link .action,
.card.course-card--in-progress .card-body .action-link .action--secondary,
.card.course-card--in-progress .card-body .action-link .action--third,
.card.course-card--in-progress .card-body .action-link .action--danger {
    bottom: initial;
    position: inherit;
    border: none;
    background-color: inherit;
    width: 100%
}

.card.course-card--in-progress .card-body .action-link .action a,
.card.course-card--in-progress .card-body .action-link .action--secondary a,
.card.course-card--in-progress .card-body .action-link .action--third a,
.card.course-card--in-progress .card-body .action-link .action--danger a {
    padding: inherit;
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    color: #979797
}

.card.course-card--in-progress .card-body .action-link .action a:hover,
.card.course-card--in-progress .card-body .action-link .action--secondary a:hover,
.card.course-card--in-progress .card-body .action-link .action--third a:hover,
.card.course-card--in-progress .card-body .action-link .action--danger a:hover {
    background-color: inherit;
    color: #979797
}

.card.course-card--inactive .card-body .action,
.card.course-card--inactive .card-body .action--secondary,
.card.course-card--inactive .card-body .action--third,
.card.course-card--inactive .card-body .action--danger {
    width: calc(100% - 100px)
}

.card.course-card--completed .card-body .action,
.card.course-card--completed .card-body .action--secondary,
.card.course-card--completed .card-body .action--third,
.card.course-card--completed .card-body .action--danger {
    width: calc(100% - 40px)
}

.card.course-card--completed card-button .cpe popout:before,
.card.course-card--completed card-button .cpe popout:after {
    top: 61px
}

.card.course-card--expired {
    cursor: not-allowed
}

.card.course-card--expired a {
    cursor: not-allowed
}

.card.course-card--expired .instructions {
    position: absolute;
    bottom: 20px;
    width: calc(100% - 40px)
}

.card.course-card--expired .card-hero,
.card.course-card--expired .title,
.card.course-card--expired .faculty {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.card.course-card--expired .action,
.card.course-card--expired .action--secondary,
.card.course-card--expired .action--third,
.card.course-card--expired .action--danger {
    display: none
}

.card.course-card--inactive .instructions {
    position: absolute;
    bottom: 75px;
    top: initial;
    width: calc(100% - 40px);
    color: #272727;
    background: #D8D8D8;
    border-radius: 3px;
    padding: 10px;
    font-size: 11px
}

.card.course-card--inactive .instructions p {
    font-weight: 400
}

.card.course-card--inactive .card-hero,
.card.course-card--inactive .title,
.card.course-card--inactive .faculty {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.card.course-card--type-text-based card-difficulty-level .thumbnail-note.right.bottom-2ndlevel {
    bottom: 12px
}

.card.course-card--type-webcast card-difficulty-level .thumbnail-note.right.bottom-2ndlevel {
    margin-bottom: 10px
}

.card.course-card--type-webcast .thumbnail-note.right.bottom {
    background-color: white;
    color: #272727;
    padding: 5px;
    border-radius: 3px
}

.card.course-card .remove-from-dashboard {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 20px;
    height: 20px;
    background: #f2f2f2;
    z-index: 25;
    border-radius: 10px;
    cursor: pointer;
    display: none
}

.card.course-card .remove-from-dashboard:hover {
    background: #fff
}

.card.course-card .remove-from-dashboard img {
    width: 100%;
    height: 100%
}

.card.course-card .confirm-dashboard-action {
    position: absolute;
    z-index: 50;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    background: #fff;
    padding: 25px 10px 0 10px
}

.card.course-card .confirm-dashboard-action .action,
.card.course-card .confirm-dashboard-action .action--secondary,
.card.course-card .confirm-dashboard-action .action--third,
.card.course-card .confirm-dashboard-action .action--danger {
    width: 90%;
    float: none;
    margin: 0 auto;
    margin-top: 20px
}

.card.course-card .confirm-dashboard-action .action:after,
.card.course-card .confirm-dashboard-action .action--secondary:after,
.card.course-card .confirm-dashboard-action .action--third:after,
.card.course-card .confirm-dashboard-action .action--danger:after {
    content: "";
    display: table;
    clear: both
}

.card.course-card .confirm-dashboard-action .action .half.action-left,
.card.course-card .confirm-dashboard-action .action--secondary .half.action-left,
.card.course-card .confirm-dashboard-action .action--third .half.action-left,
.card.course-card .confirm-dashboard-action .action--danger .half.action-left,
.card.course-card .confirm-dashboard-action .action .half.action-right,
.card.course-card .confirm-dashboard-action .action--secondary .half.action-right,
.card.course-card .confirm-dashboard-action .action--third .half.action-right,
.card.course-card .confirm-dashboard-action .action--danger .half.action-right {
    width: 50%
}

.card.course-card .confirm-dashboard-action .hide-remove-course .confirm-msg i {
    font-style: italic;
    border: none;
    padding: 0
}

.card.course-card .confirm-dashboard-action .hide-remove-course .action-right {
    background: #D8D8D8
}

.card.course-card .confirm-dashboard-action .hide-remove-course .action-right a:hover {
    background: #979797
}

.card.course-card:hover .remove-from-dashboard {
    display: block
}

.course-row-vertical {
    box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 3px;
    line-height: 1.35em;
    width: 280px;
    height: 380px;
    float: left;
    margin: 20px 10px
}

@media (min-width: 0px) and (max-width: 650px) {
    .course-row-vertical {
        float: none;
        margin: 0 auto;
        margin-bottom: 20px;
        padding: 10px
    }
}

.course-row-vertical .course-row--hero img {
    width: 100%;
    border-radius: 3px
}

@media (min-width: 0px) and (max-width: 650px) {
    .course-row-vertical .course-row--hero {
        margin-right: auto;
        width: 100%
    }
}

.course-row-vertical .course-row--section {
    margin-bottom: 10px
}

.course-row-vertical .course-row--section h3 {
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 10px
}

.course-row-vertical .course-row--section .credits-list p {
    margin: 0;
    font-size: 14px
}

.course-row-vertical .course-row--section .rating {
    font-size: 16px
}

.course-row-vertical .course-row--section .webcast-date {
    font-size: 12px;
    font-weight: 500;
    margin-top: 10px
}

.course-row-vertical .course-row--detail {
    font-size: 18px;
    font-weight: 300;
    height: 3.9em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3em;
    margin: 10px 0
}

.course-row {
    box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.1);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    border-radius: 3px;
    line-height: 1.35em
}

@media (min-width: 0px) and (max-width: 650px) {
    .course-row {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.course-row .course-row--hero {
    border-radius: 3px;
    margin-right: 20px
}

.course-row .course-row--hero img {
    width: 150px
}

@media (min-width: 0px) and (max-width: 650px) {
    .course-row .course-row--hero img {
        width: 100%
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    .course-row .course-row--hero {
        margin-right: auto;
        width: 100%
    }
}

.course-row .course-row--section {
    width: 25%;
    height: 100px
}

@media (min-width: 0px) and (max-width: 650px) {
    .course-row .course-row--section {
        width: 100%;
        margin: 10px 0;
        height: 50px
    }
}

.course-row .course-row--section h3 {
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 10px
}

.course-row .course-row--section+.course-row--section {
    margin-left: 40px
}

@media (min-width: 0px) and (max-width: 650px) {
    .course-row .course-row--section+.course-row--section {
        margin-left: 0
    }
}

.course-row .course-row--section .credits-list p {
    margin: 0
}

.course-row .course-row--detail {
    font-size: 18px;
    font-weight: 300;
    clear: both;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 40px;
    width: 40%
}

.course-row .course-row--detail.course-row--title {
    width: 100%
}

@media (min-width: 0px) and (max-width: 650px) {
    .course-row .course-row--detail {
        width: 100%;
        margin: 10px 0
    }
}

.course-row .course-row--faculty {
    font-size: 12px;
    font-weight: 300;
    margin-top: 5px
}

.course-row+.course-row {
    margin-top: 20px
}

course-type-icon {
    display: block;
    float: left;
    margin-right: 10px
}

course-type-icon:after {
    content: "";
    display: table;
    clear: both
}

course-type-icon img {
    display: block;
    float: left;
    width: 15px;
    margin-right: 5px
}

course-type-icon span {
    display: block;
    float: left;
    padding-top: 2px
}

credit-tag {
    display: block;
    font-weight: 300;
    font-size: 12px;
    display: table
}

credit-tag .credit-tag-state {
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 10px;
    display: table-cell;
    text-align: right;
    width: 150px;
    padding: 2.5px 5px
}

credit-tag .credit-tag-state.state-abbr {
    width: 70px
}

credit-tag .state-credits-list {
    display: table-cell;
    text-align: left;
    vertical-align: top
}

credit-tag .state-credits-list span {
    float: left;
    display: block;
    padding: 2.5px 5px;
    line-height: 1.1;
    width: 100%
}

credit-tag .state-credits-list span.type {
    padding: 0
}

credit-tag .credit-tag-amount {
    margin-right: 5px
}

.more-credits {
    background: #f2f2f2;
    border: 1px solid #D8D8D8;
    border-bottom: 2px solid #979797;
    border-radius: 3px;
    margin-top: 5px;
    padding: 10px;
    color: #272727;
    font-size: 11px
}

.more-credits:hover {
    background: white
}

.peek {
    width: 100%;
    min-height: 40px;
    max-height: 60px
}

.peek:after {
    content: "";
    display: table;
    clear: both
}

.peek::after {
    position: absolute;
    zoom: 1;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 40px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
}

.rating-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px
}

@media (min-width: 0px) and (max-width: 650px) {
    .rating-container {
        margin-bottom: 20px;
        margin-right: 0
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .rating-container {
        margin-bottom: 20px;
        margin-right: 0
    }
}

.rating-container .rating {
    color: #f5f5f5;
    font-size: 20px;
    margin-right: 10px;
    float: left;
    display: block;
    position: relative;
    padding: 0
}

.rating-container .rating span+span {
    margin-left: 5px
}

.rating-container .rating-bg {
    color: #F49E1E;
    padding: 0;
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    overflow: hidden
}

.rating-container .rating-fg {
    padding: 0;
    display: block;
    z-index: 0
}

.receipt-confirmation-snapshot {
    background-color: #f5f5f5
}

.receipt-confirmation-snapshot .snapshot-headline-text {
    font-size: 20px;
    text-align: center;
    margin: 0;
    padding: 20px 0
}

.receipt-confirmation-snapshot .snapshot-headline-text img {
    width: 20px
}

.receipt-confirmation-snapshot .snapshot-headline-text .receipt-details-toggle-link {
    font-size: 14px
}

.receipt-confirmation-snapshot .receipt-snapshot-details {
    display: none;
    padding-bottom: 20px
}

.receipt-confirmation-snapshot .receipt-snapshot-details .print {
    float: right;
    width: 30px
}

.receipt-confirmation-snapshot .receipt-snapshot-details table {
    margin: 0
}

.receipt-confirmation-snapshot .receipt-snapshot-details tr {
    background-color: #f5f5f5
}

.receipt-confirmation-snapshot .receipt-snapshot-details td {
    vertical-align: middle
}

.receipt-confirmation-snapshot .receipt-snapshot-details td .action,
.receipt-confirmation-snapshot .receipt-snapshot-details td .action--secondary,
.receipt-confirmation-snapshot .receipt-snapshot-details td .action--third,
.receipt-confirmation-snapshot .receipt-snapshot-details td .action--danger {
    padding: 10px
}

.receipt-confirmation-snapshot .receipt-snapshot-details .totaled-price {
    float: right;
    margin-top: 20px
}

.receipt-confirmation-snapshot .receipt-snapshot-details .totaled-price label {
    text-transform: uppercase;
    color: #979797;
    font-weight: bold
}

.receipt-confirmation-snapshot .receipt-snapshot-details .totaled-price .price {
    font-size: 36px;
    font-weight: 300
}

remove-course-modal img {
    width: 90px;
    display: block;
    margin: auto
}

remove-course-modal h4 {
    color: #979797;
    text-align: center;
    margin: 20px auto 40px;
    font-weight: 500;
    font-size: 27px
}

remove-course-modal p {
    color: #505050
}

remove-course-modal .action-row {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    margin-top: 40px
}

remove-course-modal .action-row .action,
remove-course-modal .action-row .action--secondary,
remove-course-modal .action-row .action--third,
remove-course-modal .action-row .action--danger {
    position: relative !important;
    width: auto !important;
    display: inline-block !important;
    margin: 0 auto;
    margin-right: 15px;
    float: none
}

remove-course-modal .action-row .action+.action,
remove-course-modal .action-row .action--secondary+.action,
remove-course-modal .action-row .action--third+.action,
remove-course-modal .action-row .action--danger+.action,
remove-course-modal .action-row .action+.action--secondary,
remove-course-modal .action-row .action--secondary+.action--secondary,
remove-course-modal .action-row .action--third+.action--secondary,
remove-course-modal .action-row .action--danger+.action--secondary,
remove-course-modal .action-row .action+.action--third,
remove-course-modal .action-row .action--secondary+.action--third,
remove-course-modal .action-row .action--third+.action--third,
remove-course-modal .action-row .action--danger+.action--third,
remove-course-modal .action-row .action+.action--danger,
remove-course-modal .action-row .action--secondary+.action--danger,
remove-course-modal .action-row .action--third+.action--danger,
remove-course-modal .action-row .action--danger+.action--danger {
    margin: 0 auto;
    margin-left: 30px
}

search-indicator {
    font-weight: 300;
    font-size: 16px;
    float: left
}

search-indicator span {
    font-weight: 600;
    color: #2D7ABF
}

.stripe-cc-form {
    max-width: 500px
}

.stripe-cc-form .fields {
    border: 1px solid red;
    line-height: 48px;
    height: 48px;
    border-radius: 24px;
    border: 1px solid #CFD7DF;
    padding: 0 20px;
    outline: none
}

@media (min-width: 0px) and (max-width: 650px) {
    .stripe-cc-form .fields {
        padding: 0 5px
    }
}

.stripe-cc-form .fields.StripeElement--focus {
    border-color: #2D7ABF
}

.stripe-cc-form .fields.StripeElement--invalid {
    border-color: #BF4343;
    color: #BF4343
}

.stripe-cc-form #card-errors {
    clear: both;
    padding: 20px 0px;
    color: #BF4343;
    text-align: center
}

#testimonials {
    width: 100%;
    max-width: 100%;
    text-align: center
}

#testimonials h2 {
    margin-bottom: 20px
}

#testimonials button.slick-arrow {
    z-index: 1;
    width: 40px;
    height: 40px
}

#testimonials button.slick-arrow:before {
    font-size: 50px;
    color: #2D7ABF
}

#testimonials .slick-slide {
    opacity: 0.4
}

#testimonials .slick-center {
    opacity: 1
}

#testimonials .card-container.testimonial {
    position: relative;
    float: left;
    max-width: 600px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    margin: 0 30px 20px
}

#testimonials .card-container.testimonial p {
    font-size: 16px;
    margin-bottom: 40px;
    width: 100%
}

@media (min-width: 0px) and (max-width: 650px) {
    #testimonials .card-container.testimonial p {
        font-size: 12px
    }
}

#testimonials .card-container.testimonial .author {
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#testimonials .card-container.testimonial .author img {
    border-radius: 100%;
    float: left;
    margin-right: 10px;
    width: 75px;
    height: 75px
}

#testimonials .card-container.testimonial .author h5 {
    font-weight: 300;
    font-size: 16px
}

#testimonials .card-container.testimonial .author h6 {
    font-weight: 900;
    font-size: 12px;
    margin-top: 5px
}

#testimonials .card-container.testimonial:before {
    content: '';
    background: url("//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/home/quote.svg");
    position: absolute;
    top: 20px;
    left: 20px;
    width: 86px;
    height: 51px;
    background-repeat: no-repeat
}

#testimonials .card-container.testimonial:after {
    content: '';
    background: url("//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/home/quote.svg");
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 86px;
    height: 51px;
    background-repeat: no-repeat
}

#testimonials .action-wrapper {
    width: 100%
}

#testimonials .action-wrapper .action.read-more,
#testimonials .action-wrapper .read-more.action--secondary,
#testimonials .action-wrapper .read-more.action--third,
#testimonials .action-wrapper .read-more.action--danger {
    float: none;
    display: inline-block;
    margin: 30px auto 0px
}

#testimonials .action-wrapper .action.read-more a,
#testimonials .action-wrapper .read-more.action--secondary a,
#testimonials .action-wrapper .read-more.action--third a,
#testimonials .action-wrapper .read-more.action--danger a {
    color: #FFF;
    text-decoration: none;
    padding: 10px 57px;
    text-transform: uppercase
}

privacy-toggle .on-text,
privacy-toggle .off-text {
    display: none;
    font-weight: 500;
    font-size: 12px;
    height: 25px;
    line-height: 21px;
    margin-left: 32px;
    text-align: left
}

privacy-toggle .btn-switch {
    position: relative;
    display: block;
    width: 100px;
    height: 25px;
    cursor: pointer;
    background-color: #EFEFEF;
    border: 2px solid #EFEFEF;
    border-radius: 40px;
    transition: all 0.5s ease
}

privacy-toggle .btn-switch .on-text {
    display: none
}

privacy-toggle .btn-switch .off-text {
    display: block
}

privacy-toggle .btn-switch .btn-switch-circle {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 21px;
    width: 25px;
    background-color: #fff;
    border-radius: 40px
}

privacy-toggle .btn-switch--on {
    background-color: #2D7ABF;
    border: 2px solid #2D7ABF
}

privacy-toggle .btn-switch--on .btn-switch-circle--on {
    left: auto;
    right: 0
}

privacy-toggle .btn-switch--on .on-text {
    display: block;
    margin-left: 14px;
    color: #FFF
}

privacy-toggle .btn-switch--on .off-text {
    display: none
}

unlimited-banner {
    display: inline-block;
    width: 100%
}

unlimited-banner .hero,
unlimited-banner .hero--auto {
    float: left;
    width: 100%;
    background: url("//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/common/lawline-hero-2017--dark-optimized.jpg");
    background-size: cover;
    background-position: center center;
    padding: 50px 30px;
    text-align: center;
    color: white
}

unlimited-banner .hero:after,
unlimited-banner .hero--auto:after {
    content: "";
    display: table;
    clear: both
}

unlimited-banner .hero .reset-filter,
unlimited-banner .hero--auto .reset-filter {
    display: none
}

unlimited-banner .hero--auto {
    height: auto;
    padding: 100px
}

unlimited-banner .hero--auto .action,
unlimited-banner .hero--auto .action--secondary,
unlimited-banner .hero--auto .action--third,
unlimited-banner .hero--auto .action--danger {
    margin: 0 auto;
    margin-top: 40px;
    width: 200px;
    float: none
}

@media (min-width: 0px) and (max-width: 650px) {
    unlimited-banner .hero--auto {
        padding: 100px 30px;
        height: auto
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    unlimited-banner .hero--auto {
        padding: 100px 30px;
        height: auto
    }
}

unlimited-banner .hero h1,
unlimited-banner .hero--auto h1 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 900;
    font-style: italic;
    margin-top: 10px
}

unlimited-banner .hero h2,
unlimited-banner .hero--auto h2 {
    font-weight: 300;
    font-size: 18px
}

user-session-expired-modal h1 {
    text-align: center;
    font-size: 24px;
    font-weight: 300
}

user-session-expired-modal button {
    width: 200px;
    padding: 20px;
    float: none;
    display: block;
    margin: 30px auto 0
}

paginate .results-per-page {
    font-size: 14px
}

paginate .results-per-page select {
    display: inline-block;
    max-width: 60px;
    height: 30px
}

paginate nav {
    text-align: center
}

paginate .pagination {
    display: inline-block;
    margin: 20px 0;
    border-radius: 4px;
    list-style-type: none;
    padding: 0
}

paginate .pagination>li {
    display: inline;
    padding-left: 0
}

paginate .pagination a {
    color: #2D7ABF;
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    background-color: #FFF;
    border: 1px solid #DDDDDD;
    cursor: pointer
}

paginate .pagination a:hover {
    color: #236096
}

paginate .pagination a.disable {
    cursor: default
}

paginate .pagination a.disable span {
    opacity: 0.2
}

paginate .pagination li:first-child a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

paginate .pagination li:last-child a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

paginate .pagination .active a {
    background: #2D7ABF;
    border-color: #2D7ABF;
    z-index: 2;
    color: #FFF;
    cursor: default
}

paginate .pagination .active a:hover {
    background: #236096;
    border-color: #236096
}

recommendation-feed .recommendation-feed-wrapper {
    padding-top: 30px
}

recommendation-feed .recommendation-feed-wrapper .empty-state {
    background: #EAEAEA;
    width: 100%;
    text-align: center;
    padding: 30px 0px
}

recommendation-feed .recommendation-feed-wrapper button.slick-arrow {
    z-index: 1;
    width: 50px;
    height: 50px
}

recommendation-feed .recommendation-feed-wrapper button.slick-arrow:before {
    font-size: 50px;
    color: #2D7ABF
}

recommendation-feed .recommendation-feed-wrapper .slick-track {
    margin: 0
}

recommendation-feed .recommendation-feed-wrapper .slick-arrow.slick-prev {
    left: -20px
}

recommendation-feed .recommendation-feed-wrapper .slick-arrow.slick-next {
    right: -20px
}

@media (min-width: 0px) and (max-width: 650px) {
    recommendation-feed .recommendation-feed-wrapper .slick-arrow.slick-prev {
        left: -10px
    }

    recommendation-feed .recommendation-feed-wrapper .slick-arrow.slick-next {
        right: -10px
    }
}

recommendation-feed .recommendation-feed-wrapper .slick-arrow.slick-disabled {
    display: none !important
}

recommendation-feed .recommendation-feed-wrapper .slick-slide img {
    display: initial
}

recommendation-feed .recommendation-feed-wrapper i {
    border: solid black;
    border-width: 0 8px 8px 0;
    display: inline-block;
    padding: 8px
}

recommendation-feed .recommendation-feed-wrapper i.arrow.right {
    position: absolute;
    right: 10px;
    top: 300px;
    cursor: pointer;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

recommendation-feed .recommendation-feed-wrapper .card-item {
    outline: none
}

recommendation-feed .recommendation-feed-wrapper .card-body h2 {
    font-style: normal;
    text-align: initial;
    text-transform: none;
    letter-spacing: normal
}

recommendation-feed .recommendation-feed-wrapper .card-body .title a i {
    font-style: italic;
    border: none;
    padding: 0
}

recommendation-feed .recommendation-feed-wrapper .section {
    float: left;
    width: 100%;
    padding: 0
}

recommendation-feed .recommendation-feed-wrapper .section hr {
    border: 1px solid #272727;
    width: 225px;
    margin: 0 auto
}

recommendation-feed .recommendation-feed-wrapper .section h2 {
    font-size: 26px;
    font-weight: 500;
    margin: 0;
    text-align: left
}

recommendation-feed .recommendation-feed-wrapper .section .card-container {
    border: 1px solid rgba(39, 39, 39, 0.1);
    padding: 40px;
    border-radius: 3px;
    background: white;
    box-shadow: none;
    text-align: center;
    transition: all 0.2s ease-in-out
}

recommendation-feed .recommendation-feed-wrapper .section .card-container:hover {
    box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(39, 39, 39, 0)
}

recommendation-feed .recommendation-feed-wrapper .section .card-container h3 {
    color: #2D7ABF;
    text-transform: uppercase;
    font-size: 18px
}

recommendation-feed .recommendation-feed-wrapper .section .card-container .badge {
    border-radius: 100%;
    color: white;
    background: #2D7ABF;
    font-size: 14px;
    font-weight: 900;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    padding-top: 6px
}

@media (min-width: 0px) and (max-width: 650px) {
    recommendation-feed .recommendation-feed-wrapper .section .card-container {
        padding: 20px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    recommendation-feed .recommendation-feed-wrapper .section .card-container {
        padding: 20px
    }
}

recommendation-feed .recommendation-feed-wrapper .section .card-container--header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 25px
}

@media (min-width: 0px) and (max-width: 650px) {
    recommendation-feed .recommendation-feed-wrapper .section .card-container--header {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

recommendation-feed .recommendation-feed-wrapper .section .card-container--header h3 {
    text-align: left;
    color: #272727;
    font-style: italic;
    font-weight: 900;
    font-size: 24px
}

recommendation-feed .recommendation-feed-wrapper .section .card-container--header .explain-this {
    width: 20px;
    display: inline-block;
    margin-left: 8px;
    position: relative
}

recommendation-feed .recommendation-feed-wrapper .section .card-container--header .explain-this img {
    cursor: pointer
}

recommendation-feed .recommendation-feed-wrapper .section .card-container--header .explain-this popout {
    position: absolute;
    right: -131px;
    width: 300px;
    padding: 10px 25px;
    font-size: 12px;
    font-weight: 300;
    text-transform: none;
    font-style: normal
}

recommendation-feed .recommendation-feed-wrapper .section .card-container+.container--full.horizontal-scroll {
    padding: 0 0 20px 0
}

recommendation-feed .recommendation-feed-wrapper .section .card-container .card {
    margin-top: 0
}

recommendation-feed .recommendation-feed-wrapper .section+.section {
    margin-top: 50px
}

@media (min-width: 0px) and (max-width: 650px) {
    recommendation-feed .recommendation-feed-wrapper .section+.section {
        margin-top: 80px
    }
}

results-count {
    float: left;
    padding-top: 6px;
    margin-bottom: 20px
}

@media (min-width: 0px) and (max-width: 650px) {
    results-count {
        width: 100%;
        text-align: center;
        margin-top: 20px
    }
}

results-count p {
    font-size: 20px
}

@media (min-width: 0px) and (max-width: 650px) {
    results-count p {
        font-size: 18px
    }
}

flow-uploader .upload-area {
    display: block;
    clear: both;
    text-align: center;
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    padding: 2em;
    cursor: pointer;
    color: #272727
}

flow-uploader .upload-area img {
    display: block;
    margin: 0 auto 1em
}

flow-uploader .upload-area:hover {
    background: #f5f5f5
}

flow-uploader .progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #D8D8D8;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

flow-uploader .progress .progress-bar.active,
flow-uploader .progress .progress.active .progress-bar {
    animation: progress-bar-stripes 2s linear infinite
}

flow-uploader .progress .progress-bar-striped,
flow-uploader .progress .progress-striped .progress-bar {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

flow-uploader .progress .progress-bar {
    float: left;
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #2D7ABF;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    transition: width .6s ease
}

catalog-filter {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 0px;
    z-index: 199
}

catalog-filter:after {
    content: "";
    display: table;
    clear: both
}

.search catalog-filter {
    margin-top: 20px
}

catalog-filter .filter-container {
    width: inherit;
    top: 0;
    left: 0;
    right: 0
}

catalog-filter .filter-container .search-row {
    width: 100%;
    float: left;
    padding-top: 25px
}

catalog-filter .filter-container .search-row #catalog-search {
    width: 100%;
    float: left
}

catalog-filter .filter-container .search-row #catalog-search .main-searchbar {
    width: 60%;
    margin-bottom: 0
}

catalog-filter .filter-container .filter-trigger {
    float: right
}

@media (min-width: 0px) and (max-width: 650px) {
    catalog-filter .filter-container .filter-trigger {
        display: block;
        width: 100%;
        text-align: center;
        margin: 0;
        float: none;
        margin-bottom: 20px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    catalog-filter .filter-container .filter-trigger {
        width: 100%;
        margin: 0 0 20px 0;
        text-align: center
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    catalog-filter .filter-container .filter-trigger {
        display: block
    }
}

catalog-filter .filter-container h4.refine-search-text {
    font-size: 14px;
    text-transform: none;
    font-weight: 400
}

@media (min-width: 0px) and (max-width: 650px) {
    catalog-filter .filter-container h4.refine-search-text {
        display: none
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    catalog-filter .filter-container h4.refine-search-text {
        display: none
    }
}

catalog-filter .toolbar {
    clear: both
}

@media (min-width: 0px) and (max-width: 650px) {
    catalog-filter .toolbar {
        display: none
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    catalog-filter .toolbar {
        display: none
    }
}

catalog-filter .toolbar.is-visible {
    display: block
}

catalog-filter .toolbar h4.reset-filter {
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 18px;
    cursor: pointer;
    float: left
}

catalog-filter .toolbar h4.reset-filter a {
    color: #979797
}

catalog-filter .toolbar catalog-filter-dropdown,
catalog-filter .toolbar catalog-multi-filter-dropdown {
    float: left;
    margin: 0 20px 20px 0;
    background: white;
    position: relative
}

@media (min-width: 0px) and (max-width: 650px) {

    catalog-filter .toolbar catalog-filter-dropdown,
    catalog-filter .toolbar catalog-multi-filter-dropdown {
        width: 100%
    }
}

catalog-filter .toolbar catalog-filter-dropdown.approval-status,
catalog-filter .toolbar catalog-multi-filter-dropdown.approval-status {
    display: none
}

.search catalog-filter .toolbar catalog-filter-dropdown.approval-status,
.search catalog-filter .toolbar catalog-multi-filter-dropdown.approval-status {
    display: inline-block
}

.courses catalog-filter .toolbar catalog-filter-dropdown.approval-status,
.courses catalog-filter .toolbar catalog-multi-filter-dropdown.approval-status {
    display: inline-block
}

@media (min-width: 0px) and (max-width: 650px) {

    catalog-filter .toolbar catalog-filter-dropdown.approval-status,
    catalog-filter .toolbar catalog-multi-filter-dropdown.approval-status {
        display: inline-block
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    catalog-filter .toolbar catalog-filter-dropdown.approval-status,
    catalog-filter .toolbar catalog-multi-filter-dropdown.approval-status {
        display: inline-block
    }
}

catalog-filter .toolbar catalog-filter-dropdown .active .title,
catalog-filter .toolbar catalog-multi-filter-dropdown .active .title {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    top: 0px;
    border-bottom: 1px solid white;
    z-index: 10
}

catalog-filter .toolbar catalog-filter-dropdown .dropdown,
catalog-filter .toolbar catalog-multi-filter-dropdown .dropdown {
    position: relative
}

@media (min-width: 0px) and (max-width: 650px) {

    catalog-filter .toolbar catalog-filter-dropdown .dropdown,
    catalog-filter .toolbar catalog-multi-filter-dropdown .dropdown {
        width: 100%
    }
}

catalog-filter .toolbar catalog-filter-dropdown .dropdown .menu,
catalog-filter .toolbar catalog-multi-filter-dropdown .dropdown .menu {
    position: absolute;
    z-index: 9;
    border: 1px solid black;
    width: 230px;
    border-radius: 3px;
    border-top-left-radius: 0
}

@media (min-width: 0px) and (max-width: 650px) {

    catalog-filter .toolbar catalog-filter-dropdown .dropdown .menu,
    catalog-filter .toolbar catalog-multi-filter-dropdown .dropdown .menu {
        width: 100%;
        border-top-right-radius: 0
    }
}

catalog-filter .toolbar catalog-filter-dropdown .dropdown .menu .clear,
catalog-filter .toolbar catalog-filter-dropdown .dropdown .menu .clear-filter,
catalog-filter .toolbar catalog-multi-filter-dropdown .dropdown .menu .clear,
catalog-filter .toolbar catalog-multi-filter-dropdown .dropdown .menu .clear-filter {
    font-size: 10px;
    padding: 15px;
    display: inline-block;
    cursor: pointer;
    text-align: right;
    text-transform: uppercase;
    color: #2D7ABF;
    float: none;
    width: 100%
}

catalog-filter-dropdown .dropdown {
    width: 140px
}

@media (min-width: 0px) and (max-width: 650px) {
    catalog-filter-dropdown .dropdown {
        width: 100%
    }
}

catalog-filter-dropdown .dropdown.active>.title {
    border-bottom-color: #FFF
}

catalog-filter-dropdown .dropdown.active .menu {
    position: relative;
    z-index: 99;
    border-width: 1px;
    border-style: solid;
    border-top-width: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
    width: 100%
}

catalog-filter-dropdown .dropdown.selected,
catalog-filter-dropdown .dropdown.active.selected {
    border-radius: 3px;
    background: #2D7ABF
}

catalog-filter-dropdown .dropdown.selected>.title,
catalog-filter-dropdown .dropdown.active.selected>.title {
    border-color: #2D7ABF
}

catalog-filter-dropdown .dropdown.selected>.title h4,
catalog-filter-dropdown .dropdown.active.selected>.title h4 {
    color: #FFF
}

catalog-filter-dropdown .dropdown>.title {
    width: 100%;
    height: 40px;
    line-height: 20px;
    cursor: pointer;
    border: 1px solid #000000;
    padding: 7px;
    border-radius: 3px
}

catalog-filter-dropdown .dropdown>.title h4 {
    display: inline;
    font-style: italic;
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    color: #000000;
    margin: auto
}

catalog-filter-dropdown .dropdown>.title img {
    position: absolute;
    top: 13px;
    right: 5px
}

catalog-filter-dropdown .dropdown .menu {
    max-height: 255px;
    overflow-y: scroll;
    margin-top: -1px;
    position: relative;
    background: #FFF
}

catalog-filter-dropdown .dropdown .menu.show-all {
    overflow-y: auto;
    max-height: auto
}

catalog-filter-dropdown .dropdown .menu div.item {
    width: 100%;
    padding: 14px 15px;
    text-align: left;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 400;
    font-size: 12px;
    border-top: 1px solid #D8D8D8;
    cursor: pointer
}

catalog-filter-dropdown .dropdown .menu div.item.selected {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.95);
    background: rgba(0, 0, 0, 0.05)
}

catalog-filter-dropdown .dropdown .menu div.item.disabled {
    cursor: default;
    opacity: .45
}

catalog-filter-dropdown .dropdown .menu div.item.disabled:hover {
    color: rgba(0, 0, 0, 0.87);
    background: transparent
}

catalog-filter-dropdown .dropdown .menu div.item:hover {
    color: rgba(0, 0, 0, 0.95);
    background: rgba(0, 0, 0, 0.05)
}

explore-category-list box-component .container,
explore-category-list box-component .container--body,
explore-category-list box-component .container--catalog,
explore-category-list box-component .section .container--centered,
.section explore-category-list box-component .container--centered {
    padding: 35px 35px 25px
}

@media (min-width: 0px) and (max-width: 650px) {

    explore-category-list box-component .container,
    explore-category-list box-component .container--body,
    explore-category-list box-component .container--catalog,
    explore-category-list box-component .section .container--centered,
    .section explore-category-list box-component .container--centered {
        padding: 20px 20px 0
    }
}

explore-category-list box-component h4 {
    margin-bottom: 20px
}

explore-category-list box-component .categories-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 0px) and (max-width: 650px) {
    explore-category-list box-component .categories-container {
        display: block
    }
}

explore-category-list box-component .categories-container .column,
explore-category-list box-component .categories-container .section .column--third,
.section explore-category-list box-component .categories-container .column--third,
explore-category-list box-component .categories-container .section .column--half,
.section explore-category-list box-component .categories-container .column--half,
explore-category-list box-component .categories-container .section .column--split,
.section explore-category-list box-component .categories-container .column--split {
    margin: 0 20px
}

@media (min-width: 0px) and (max-width: 650px) {

    explore-category-list box-component .categories-container .column,
    explore-category-list box-component .categories-container .section .column--third,
    .section explore-category-list box-component .categories-container .column--third,
    explore-category-list box-component .categories-container .section .column--half,
    .section explore-category-list box-component .categories-container .column--half,
    explore-category-list box-component .categories-container .section .column--split,
    .section explore-category-list box-component .categories-container .column--split {
        width: 100%;
        margin: 0
    }
}

explore-category-list box-component .categories-container .column .action,
explore-category-list box-component .categories-container .section .column--third .action,
.section explore-category-list box-component .categories-container .column--third .action,
explore-category-list box-component .categories-container .section .column--half .action,
.section explore-category-list box-component .categories-container .column--half .action,
explore-category-list box-component .categories-container .section .column--split .action,
.section explore-category-list box-component .categories-container .column--split .action,
explore-category-list box-component .categories-container .column .action--secondary,
explore-category-list box-component .categories-container .section .column--third .action--secondary,
.section explore-category-list box-component .categories-container .column--third .action--secondary,
explore-category-list box-component .categories-container .section .column--half .action--secondary,
.section explore-category-list box-component .categories-container .column--half .action--secondary,
explore-category-list box-component .categories-container .section .column--split .action--secondary,
.section explore-category-list box-component .categories-container .column--split .action--secondary,
explore-category-list box-component .categories-container .column .action--third,
explore-category-list box-component .categories-container .section .column--third .action--third,
.section explore-category-list box-component .categories-container .column--third .action--third,
explore-category-list box-component .categories-container .section .column--half .action--third,
.section explore-category-list box-component .categories-container .column--half .action--third,
explore-category-list box-component .categories-container .section .column--split .action--third,
.section explore-category-list box-component .categories-container .column--split .action--third,
explore-category-list box-component .categories-container .column .action--danger,
explore-category-list box-component .categories-container .section .column--third .action--danger,
.section explore-category-list box-component .categories-container .column--third .action--danger,
explore-category-list box-component .categories-container .section .column--half .action--danger,
.section explore-category-list box-component .categories-container .column--half .action--danger,
explore-category-list box-component .categories-container .section .column--split .action--danger,
.section explore-category-list box-component .categories-container .column--split .action--danger {
    margin-bottom: 20px;
    width: 100%
}

option-selector box-component .container,
option-selector box-component .container--body,
option-selector box-component .container--catalog,
option-selector box-component .section .container--centered,
.section option-selector box-component .container--centered {
    max-height: 171px
}

@media (min-width: 0px) and (max-width: 650px) {

    option-selector box-component .container,
    option-selector box-component .container--body,
    option-selector box-component .container--catalog,
    option-selector box-component .section .container--centered,
    .section option-selector box-component .container--centered {
        max-height: 246px
    }
}

option-selector box-component .container catalog-filter-dropdown .dropdown,
option-selector box-component .container--body catalog-filter-dropdown .dropdown,
option-selector box-component .container--catalog catalog-filter-dropdown .dropdown,
option-selector box-component .section .container--centered catalog-filter-dropdown .dropdown,
.section option-selector box-component .container--centered catalog-filter-dropdown .dropdown {
    width: 100%;
    max-width: 260px;
    margin: 25px auto 0px
}

option-selector box-component .container catalog-filter-dropdown .dropdown>.title,
option-selector box-component .container--body catalog-filter-dropdown .dropdown>.title,
option-selector box-component .container--catalog catalog-filter-dropdown .dropdown>.title,
option-selector box-component .section .container--centered catalog-filter-dropdown .dropdown>.title,
.section option-selector box-component .container--centered catalog-filter-dropdown .dropdown>.title {
    position: initial
}

option-selector box-component .container catalog-filter-dropdown .dropdown>.title img,
option-selector box-component .container--body catalog-filter-dropdown .dropdown>.title img,
option-selector box-component .container--catalog catalog-filter-dropdown .dropdown>.title img,
option-selector box-component .section .container--centered catalog-filter-dropdown .dropdown>.title img,
.section option-selector box-component .container--centered catalog-filter-dropdown .dropdown>.title img {
    vertical-align: middle;
    margin-left: 20px;
    position: initial
}

product-hierarchy-catalog {
    float: left;
    min-height: 200px;
    width: 100%;
    margin-top: -70px;
    position: relative;
    z-index: 99
}

@media (min-width: 0px) and (max-width: 650px) {
    product-hierarchy-catalog {
        margin-top: 0
    }
}

product-hierarchy-catalog catalog-filter {
    width: auto;
    float: left;
    margin-top: 10px
}

@media (min-width: 0px) and (max-width: 650px) {
    product-hierarchy-catalog catalog-filter {
        display: none
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    product-hierarchy-catalog catalog-filter {
        display: none
    }
}

product-hierarchy-catalog catalog-filter .toolbar catalog-filter-dropdown {
    margin-bottom: 0
}

product-hierarchy-catalog catalog-filter .reset-filter {
    display: none
}

product-hierarchy-catalog catalog-filter .toolbar catalog-multi-filter-dropdown.approval-status {
    display: inline-block
}

product-hierarchy-catalog catalog-filter .toolbar catalog-multi-filter-dropdown .dropdown {
    width: 175px
}

product-hierarchy-catalog .container catalog-list,
product-hierarchy-catalog .container--body catalog-list,
product-hierarchy-catalog .container--catalog catalog-list,
product-hierarchy-catalog .section .container--centered catalog-list,
.section product-hierarchy-catalog .container--centered catalog-list {
    margin-top: 10px
}

product-hierarchy-catalog .container .empty-results-message,
product-hierarchy-catalog .container--body .empty-results-message,
product-hierarchy-catalog .container--catalog .empty-results-message,
product-hierarchy-catalog .section .container--centered .empty-results-message,
.section product-hierarchy-catalog .container--centered .empty-results-message {
    margin-top: 60px
}

product-hierarchy-catalog .container .empty-results-message .content,
product-hierarchy-catalog .container--body .empty-results-message .content,
product-hierarchy-catalog .container--catalog .empty-results-message .content,
product-hierarchy-catalog .section .container--centered .empty-results-message .content,
.section product-hierarchy-catalog .container--centered .empty-results-message .content {
    display: none
}

product-hierarchy-catalog .container .empty-results-message .content.default,
product-hierarchy-catalog .container--body .empty-results-message .content.default,
product-hierarchy-catalog .container--catalog .empty-results-message .content.default,
product-hierarchy-catalog .section .container--centered .empty-results-message .content.default,
.section product-hierarchy-catalog .container--centered .empty-results-message .content.default {
    display: block
}

product-hierarchy-catalog .container .empty-results-message .content .action,
product-hierarchy-catalog .container--body .empty-results-message .content .action,
product-hierarchy-catalog .container--catalog .empty-results-message .content .action,
product-hierarchy-catalog .section .container--centered .empty-results-message .content .action,
.section product-hierarchy-catalog .container--centered .empty-results-message .content .action,
product-hierarchy-catalog .container .empty-results-message .content .action--secondary,
product-hierarchy-catalog .container--body .empty-results-message .content .action--secondary,
product-hierarchy-catalog .container--catalog .empty-results-message .content .action--secondary,
product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--secondary,
.section product-hierarchy-catalog .container--centered .empty-results-message .content .action--secondary,
product-hierarchy-catalog .container .empty-results-message .content .action--third,
product-hierarchy-catalog .container--body .empty-results-message .content .action--third,
product-hierarchy-catalog .container--catalog .empty-results-message .content .action--third,
product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--third,
.section product-hierarchy-catalog .container--centered .empty-results-message .content .action--third,
product-hierarchy-catalog .container .empty-results-message .content .action--danger,
product-hierarchy-catalog .container--body .empty-results-message .content .action--danger,
product-hierarchy-catalog .container--catalog .empty-results-message .content .action--danger,
product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--danger,
.section product-hierarchy-catalog .container--centered .empty-results-message .content .action--danger {
    text-transform: uppercase
}

product-hierarchy-catalog .container .empty-results-message .content .action+.action,
product-hierarchy-catalog .container--body .empty-results-message .content .action+.action,
product-hierarchy-catalog .container--catalog .empty-results-message .content .action+.action,
product-hierarchy-catalog .section .container--centered .empty-results-message .content .action+.action,
.section product-hierarchy-catalog .container--centered .empty-results-message .content .action+.action,
product-hierarchy-catalog .container .empty-results-message .content .action--secondary+.action,
product-hierarchy-catalog .container--body .empty-results-message .content .action--secondary+.action,
product-hierarchy-catalog .container--catalog .empty-results-message .content .action--secondary+.action,
product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--secondary+.action,
.section product-hierarchy-catalog .container--centered .empty-results-message .content .action--secondary+.action,
product-hierarchy-catalog .container .empty-results-message .content .action--third+.action,
product-hierarchy-catalog .container--body .empty-results-message .content .action--third+.action,
product-hierarchy-catalog .container--catalog .empty-results-message .content .action--third+.action,
product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--third+.action,
.section product-hierarchy-catalog .container--centered .empty-results-message .content .action--third+.action,
product-hierarchy-catalog .container .empty-results-message .content .action--danger+.action,
product-hierarchy-catalog .container--body .empty-results-message .content .action--danger+.action,
product-hierarchy-catalog .container--catalog .empty-results-message .content .action--danger+.action,
product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--danger+.action,
.section product-hierarchy-catalog .container--centered .empty-results-message .content .action--danger+.action,
product-hierarchy-catalog .container .empty-results-message .content .action+.action--secondary,
product-hierarchy-catalog .container--body .empty-results-message .content .action+.action--secondary,
product-hierarchy-catalog .container--catalog .empty-results-message .content .action+.action--secondary,
product-hierarchy-catalog .section .container--centered .empty-results-message .content .action+.action--secondary,
.section product-hierarchy-catalog .container--centered .empty-results-message .content .action+.action--secondary,
product-hierarchy-catalog .container .empty-results-message .content .action--secondary+.action--secondary,
product-hierarchy-catalog .container--body .empty-results-message .content .action--secondary+.action--secondary,
product-hierarchy-catalog .container--catalog .empty-results-message .content .action--secondary+.action--secondary,
product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--secondary+.action--secondary,
.section product-hierarchy-catalog .container--centered .empty-results-message .content .action--secondary+.action--secondary,
product-hierarchy-catalog .container .empty-results-message .content .action--third+.action--secondary,
product-hierarchy-catalog .container--body .empty-results-message .content .action--third+.action--secondary,
product-hierarchy-catalog .container--catalog .empty-results-message .content .action--third+.action--secondary,
product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--third+.action--secondary,
.section product-hierarchy-catalog .container--centered .empty-results-message .content .action--third+.action--secondary,
product-hierarchy-catalog .container .empty-results-message .content .action--danger+.action--secondary,
product-hierarchy-catalog .container--body .empty-results-message .content .action--danger+.action--secondary,
product-hierarchy-catalog .container--catalog .empty-results-message .content .action--danger+.action--secondary,
product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--danger+.action--secondary,
.section product-hierarchy-catalog .container--centered .empty-results-message .content .action--danger+.action--secondary,
product-hierarchy-catalog .container .empty-results-message .content .action+.action--third,
product-hierarchy-catalog .container--body .empty-results-message .content .action+.action--third,
product-hierarchy-catalog .container--catalog .empty-results-message .content .action+.action--third,
product-hierarchy-catalog .section .container--centered .empty-results-message .content .action+.action--third,
.section product-hierarchy-catalog .container--centered .empty-results-message .content .action+.action--third,
product-hierarchy-catalog .container .empty-results-message .content .action--secondary+.action--third,
product-hierarchy-catalog .container--body .empty-results-message .content .action--secondary+.action--third,
product-hierarchy-catalog .container--catalog .empty-results-message .content .action--secondary+.action--third,
product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--secondary+.action--third,
.section product-hierarchy-catalog .container--centered .empty-results-message .content .action--secondary+.action--third,
product-hierarchy-catalog .container .empty-results-message .content .action--third+.action--third,
product-hierarchy-catalog .container--body .empty-results-message .content .action--third+.action--third,
product-hierarchy-catalog .container--catalog .empty-results-message .content .action--third+.action--third,
product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--third+.action--third,
.section product-hierarchy-catalog .container--centered .empty-results-message .content .action--third+.action--third,
product-hierarchy-catalog .container .empty-results-message .content .action--danger+.action--third,
product-hierarchy-catalog .container--body .empty-results-message .content .action--danger+.action--third,
product-hierarchy-catalog .container--catalog .empty-results-message .content .action--danger+.action--third,
product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--danger+.action--third,
.section product-hierarchy-catalog .container--centered .empty-results-message .content .action--danger+.action--third,
product-hierarchy-catalog .container .empty-results-message .content .action+.action--danger,
product-hierarchy-catalog .container--body .empty-results-message .content .action+.action--danger,
product-hierarchy-catalog .container--catalog .empty-results-message .content .action+.action--danger,
product-hierarchy-catalog .section .container--centered .empty-results-message .content .action+.action--danger,
.section product-hierarchy-catalog .container--centered .empty-results-message .content .action+.action--danger,
product-hierarchy-catalog .container .empty-results-message .content .action--secondary+.action--danger,
product-hierarchy-catalog .container--body .empty-results-message .content .action--secondary+.action--danger,
product-hierarchy-catalog .container--catalog .empty-results-message .content .action--secondary+.action--danger,
product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--secondary+.action--danger,
.section product-hierarchy-catalog .container--centered .empty-results-message .content .action--secondary+.action--danger,
product-hierarchy-catalog .container .empty-results-message .content .action--third+.action--danger,
product-hierarchy-catalog .container--body .empty-results-message .content .action--third+.action--danger,
product-hierarchy-catalog .container--catalog .empty-results-message .content .action--third+.action--danger,
product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--third+.action--danger,
.section product-hierarchy-catalog .container--centered .empty-results-message .content .action--third+.action--danger,
product-hierarchy-catalog .container .empty-results-message .content .action--danger+.action--danger,
product-hierarchy-catalog .container--body .empty-results-message .content .action--danger+.action--danger,
product-hierarchy-catalog .container--catalog .empty-results-message .content .action--danger+.action--danger,
product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--danger+.action--danger,
.section product-hierarchy-catalog .container--centered .empty-results-message .content .action--danger+.action--danger {
    margin: auto 30px
}

@media (min-width: 0px) and (max-width: 650px) {

    product-hierarchy-catalog .container .empty-results-message .content .action+.action,
    product-hierarchy-catalog .container--body .empty-results-message .content .action+.action,
    product-hierarchy-catalog .container--catalog .empty-results-message .content .action+.action,
    product-hierarchy-catalog .section .container--centered .empty-results-message .content .action+.action,
    .section product-hierarchy-catalog .container--centered .empty-results-message .content .action+.action,
    product-hierarchy-catalog .container .empty-results-message .content .action--secondary+.action,
    product-hierarchy-catalog .container--body .empty-results-message .content .action--secondary+.action,
    product-hierarchy-catalog .container--catalog .empty-results-message .content .action--secondary+.action,
    product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--secondary+.action,
    .section product-hierarchy-catalog .container--centered .empty-results-message .content .action--secondary+.action,
    product-hierarchy-catalog .container .empty-results-message .content .action--third+.action,
    product-hierarchy-catalog .container--body .empty-results-message .content .action--third+.action,
    product-hierarchy-catalog .container--catalog .empty-results-message .content .action--third+.action,
    product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--third+.action,
    .section product-hierarchy-catalog .container--centered .empty-results-message .content .action--third+.action,
    product-hierarchy-catalog .container .empty-results-message .content .action--danger+.action,
    product-hierarchy-catalog .container--body .empty-results-message .content .action--danger+.action,
    product-hierarchy-catalog .container--catalog .empty-results-message .content .action--danger+.action,
    product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--danger+.action,
    .section product-hierarchy-catalog .container--centered .empty-results-message .content .action--danger+.action,
    product-hierarchy-catalog .container .empty-results-message .content .action+.action--secondary,
    product-hierarchy-catalog .container--body .empty-results-message .content .action+.action--secondary,
    product-hierarchy-catalog .container--catalog .empty-results-message .content .action+.action--secondary,
    product-hierarchy-catalog .section .container--centered .empty-results-message .content .action+.action--secondary,
    .section product-hierarchy-catalog .container--centered .empty-results-message .content .action+.action--secondary,
    product-hierarchy-catalog .container .empty-results-message .content .action--secondary+.action--secondary,
    product-hierarchy-catalog .container--body .empty-results-message .content .action--secondary+.action--secondary,
    product-hierarchy-catalog .container--catalog .empty-results-message .content .action--secondary+.action--secondary,
    product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--secondary+.action--secondary,
    .section product-hierarchy-catalog .container--centered .empty-results-message .content .action--secondary+.action--secondary,
    product-hierarchy-catalog .container .empty-results-message .content .action--third+.action--secondary,
    product-hierarchy-catalog .container--body .empty-results-message .content .action--third+.action--secondary,
    product-hierarchy-catalog .container--catalog .empty-results-message .content .action--third+.action--secondary,
    product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--third+.action--secondary,
    .section product-hierarchy-catalog .container--centered .empty-results-message .content .action--third+.action--secondary,
    product-hierarchy-catalog .container .empty-results-message .content .action--danger+.action--secondary,
    product-hierarchy-catalog .container--body .empty-results-message .content .action--danger+.action--secondary,
    product-hierarchy-catalog .container--catalog .empty-results-message .content .action--danger+.action--secondary,
    product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--danger+.action--secondary,
    .section product-hierarchy-catalog .container--centered .empty-results-message .content .action--danger+.action--secondary,
    product-hierarchy-catalog .container .empty-results-message .content .action+.action--third,
    product-hierarchy-catalog .container--body .empty-results-message .content .action+.action--third,
    product-hierarchy-catalog .container--catalog .empty-results-message .content .action+.action--third,
    product-hierarchy-catalog .section .container--centered .empty-results-message .content .action+.action--third,
    .section product-hierarchy-catalog .container--centered .empty-results-message .content .action+.action--third,
    product-hierarchy-catalog .container .empty-results-message .content .action--secondary+.action--third,
    product-hierarchy-catalog .container--body .empty-results-message .content .action--secondary+.action--third,
    product-hierarchy-catalog .container--catalog .empty-results-message .content .action--secondary+.action--third,
    product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--secondary+.action--third,
    .section product-hierarchy-catalog .container--centered .empty-results-message .content .action--secondary+.action--third,
    product-hierarchy-catalog .container .empty-results-message .content .action--third+.action--third,
    product-hierarchy-catalog .container--body .empty-results-message .content .action--third+.action--third,
    product-hierarchy-catalog .container--catalog .empty-results-message .content .action--third+.action--third,
    product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--third+.action--third,
    .section product-hierarchy-catalog .container--centered .empty-results-message .content .action--third+.action--third,
    product-hierarchy-catalog .container .empty-results-message .content .action--danger+.action--third,
    product-hierarchy-catalog .container--body .empty-results-message .content .action--danger+.action--third,
    product-hierarchy-catalog .container--catalog .empty-results-message .content .action--danger+.action--third,
    product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--danger+.action--third,
    .section product-hierarchy-catalog .container--centered .empty-results-message .content .action--danger+.action--third,
    product-hierarchy-catalog .container .empty-results-message .content .action+.action--danger,
    product-hierarchy-catalog .container--body .empty-results-message .content .action+.action--danger,
    product-hierarchy-catalog .container--catalog .empty-results-message .content .action+.action--danger,
    product-hierarchy-catalog .section .container--centered .empty-results-message .content .action+.action--danger,
    .section product-hierarchy-catalog .container--centered .empty-results-message .content .action+.action--danger,
    product-hierarchy-catalog .container .empty-results-message .content .action--secondary+.action--danger,
    product-hierarchy-catalog .container--body .empty-results-message .content .action--secondary+.action--danger,
    product-hierarchy-catalog .container--catalog .empty-results-message .content .action--secondary+.action--danger,
    product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--secondary+.action--danger,
    .section product-hierarchy-catalog .container--centered .empty-results-message .content .action--secondary+.action--danger,
    product-hierarchy-catalog .container .empty-results-message .content .action--third+.action--danger,
    product-hierarchy-catalog .container--body .empty-results-message .content .action--third+.action--danger,
    product-hierarchy-catalog .container--catalog .empty-results-message .content .action--third+.action--danger,
    product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--third+.action--danger,
    .section product-hierarchy-catalog .container--centered .empty-results-message .content .action--third+.action--danger,
    product-hierarchy-catalog .container .empty-results-message .content .action--danger+.action--danger,
    product-hierarchy-catalog .container--body .empty-results-message .content .action--danger+.action--danger,
    product-hierarchy-catalog .container--catalog .empty-results-message .content .action--danger+.action--danger,
    product-hierarchy-catalog .section .container--centered .empty-results-message .content .action--danger+.action--danger,
    .section product-hierarchy-catalog .container--centered .empty-results-message .content .action--danger+.action--danger {
        margin: 20px auto
    }
}

product-hierarchy-catalog .container .row,
product-hierarchy-catalog .container--body .row,
product-hierarchy-catalog .container--catalog .row,
product-hierarchy-catalog .section .container--centered .row,
.section product-hierarchy-catalog .container--centered .row,
product-hierarchy-catalog .container .state-seo-new .row--centered,
.state-seo-new product-hierarchy-catalog .container .row--centered,
product-hierarchy-catalog .container--body .state-seo-new .row--centered,
.state-seo-new product-hierarchy-catalog .container--body .row--centered,
product-hierarchy-catalog .container--catalog .state-seo-new .row--centered,
.state-seo-new product-hierarchy-catalog .container--catalog .row--centered,
product-hierarchy-catalog .section .container--centered .state-seo-new .row--centered,
.state-seo-new product-hierarchy-catalog .section .container--centered .row--centered,
.section product-hierarchy-catalog .container--centered .state-seo-new .row--centered,
.state-seo-new .section product-hierarchy-catalog .container--centered .row--centered {
    width: 100%;
    float: left
}

product-hierarchy-catalog .container .row product-hierarchy-active-filters,
product-hierarchy-catalog .container--body .row product-hierarchy-active-filters,
product-hierarchy-catalog .container--catalog .row product-hierarchy-active-filters,
product-hierarchy-catalog .section .container--centered .row product-hierarchy-active-filters,
.section product-hierarchy-catalog .container--centered .row product-hierarchy-active-filters,
product-hierarchy-catalog .container .state-seo-new .row--centered product-hierarchy-active-filters,
.state-seo-new product-hierarchy-catalog .container .row--centered product-hierarchy-active-filters,
product-hierarchy-catalog .container--body .state-seo-new .row--centered product-hierarchy-active-filters,
.state-seo-new product-hierarchy-catalog .container--body .row--centered product-hierarchy-active-filters,
product-hierarchy-catalog .container--catalog .state-seo-new .row--centered product-hierarchy-active-filters,
.state-seo-new product-hierarchy-catalog .container--catalog .row--centered product-hierarchy-active-filters,
product-hierarchy-catalog .section .container--centered .state-seo-new .row--centered product-hierarchy-active-filters,
.state-seo-new product-hierarchy-catalog .section .container--centered .row--centered product-hierarchy-active-filters,
.section product-hierarchy-catalog .container--centered .state-seo-new .row--centered product-hierarchy-active-filters,
.state-seo-new .section product-hierarchy-catalog .container--centered .row--centered product-hierarchy-active-filters {
    float: left;
    padding-top: 10px
}

@media (min-width: 0px) and (max-width: 650px) {

    product-hierarchy-catalog .container .row product-hierarchy-active-filters,
    product-hierarchy-catalog .container--body .row product-hierarchy-active-filters,
    product-hierarchy-catalog .container--catalog .row product-hierarchy-active-filters,
    product-hierarchy-catalog .section .container--centered .row product-hierarchy-active-filters,
    .section product-hierarchy-catalog .container--centered .row product-hierarchy-active-filters,
    product-hierarchy-catalog .container .state-seo-new .row--centered product-hierarchy-active-filters,
    .state-seo-new product-hierarchy-catalog .container .row--centered product-hierarchy-active-filters,
    product-hierarchy-catalog .container--body .state-seo-new .row--centered product-hierarchy-active-filters,
    .state-seo-new product-hierarchy-catalog .container--body .row--centered product-hierarchy-active-filters,
    product-hierarchy-catalog .container--catalog .state-seo-new .row--centered product-hierarchy-active-filters,
    .state-seo-new product-hierarchy-catalog .container--catalog .row--centered product-hierarchy-active-filters,
    product-hierarchy-catalog .section .container--centered .state-seo-new .row--centered product-hierarchy-active-filters,
    .state-seo-new product-hierarchy-catalog .section .container--centered .row--centered product-hierarchy-active-filters,
    .section product-hierarchy-catalog .container--centered .state-seo-new .row--centered product-hierarchy-active-filters,
    .state-seo-new .section product-hierarchy-catalog .container--centered .row--centered product-hierarchy-active-filters {
        padding-top: 0px;
        padding-bottom: 20px
    }
}

product-hierarchy-catalog .container .row product-hierarchy-active-filters .active-filter,
product-hierarchy-catalog .container--body .row product-hierarchy-active-filters .active-filter,
product-hierarchy-catalog .container--catalog .row product-hierarchy-active-filters .active-filter,
product-hierarchy-catalog .section .container--centered .row product-hierarchy-active-filters .active-filter,
.section product-hierarchy-catalog .container--centered .row product-hierarchy-active-filters .active-filter,
product-hierarchy-catalog .container .state-seo-new .row--centered product-hierarchy-active-filters .active-filter,
.state-seo-new product-hierarchy-catalog .container .row--centered product-hierarchy-active-filters .active-filter,
product-hierarchy-catalog .container--body .state-seo-new .row--centered product-hierarchy-active-filters .active-filter,
.state-seo-new product-hierarchy-catalog .container--body .row--centered product-hierarchy-active-filters .active-filter,
product-hierarchy-catalog .container--catalog .state-seo-new .row--centered product-hierarchy-active-filters .active-filter,
.state-seo-new product-hierarchy-catalog .container--catalog .row--centered product-hierarchy-active-filters .active-filter,
product-hierarchy-catalog .section .container--centered .state-seo-new .row--centered product-hierarchy-active-filters .active-filter,
.state-seo-new product-hierarchy-catalog .section .container--centered .row--centered product-hierarchy-active-filters .active-filter,
.section product-hierarchy-catalog .container--centered .state-seo-new .row--centered product-hierarchy-active-filters .active-filter,
.state-seo-new .section product-hierarchy-catalog .container--centered .row--centered product-hierarchy-active-filters .active-filter {
    font-size: 18px
}

product-hierarchy-catalog .container .row product-hierarchy-active-filters .active-filter img,
product-hierarchy-catalog .container--body .row product-hierarchy-active-filters .active-filter img,
product-hierarchy-catalog .container--catalog .row product-hierarchy-active-filters .active-filter img,
product-hierarchy-catalog .section .container--centered .row product-hierarchy-active-filters .active-filter img,
.section product-hierarchy-catalog .container--centered .row product-hierarchy-active-filters .active-filter img,
product-hierarchy-catalog .container .state-seo-new .row--centered product-hierarchy-active-filters .active-filter img,
.state-seo-new product-hierarchy-catalog .container .row--centered product-hierarchy-active-filters .active-filter img,
product-hierarchy-catalog .container--body .state-seo-new .row--centered product-hierarchy-active-filters .active-filter img,
.state-seo-new product-hierarchy-catalog .container--body .row--centered product-hierarchy-active-filters .active-filter img,
product-hierarchy-catalog .container--catalog .state-seo-new .row--centered product-hierarchy-active-filters .active-filter img,
.state-seo-new product-hierarchy-catalog .container--catalog .row--centered product-hierarchy-active-filters .active-filter img,
product-hierarchy-catalog .section .container--centered .state-seo-new .row--centered product-hierarchy-active-filters .active-filter img,
.state-seo-new product-hierarchy-catalog .section .container--centered .row--centered product-hierarchy-active-filters .active-filter img,
.section product-hierarchy-catalog .container--centered .state-seo-new .row--centered product-hierarchy-active-filters .active-filter img,
.state-seo-new .section product-hierarchy-catalog .container--centered .row--centered product-hierarchy-active-filters .active-filter img {
    width: 18px;
    height: 18px
}

product-hierarchy-catalog .container .paginate-row,
product-hierarchy-catalog .container--body .paginate-row,
product-hierarchy-catalog .container--catalog .paginate-row,
product-hierarchy-catalog .section .container--centered .paginate-row,
.section product-hierarchy-catalog .container--centered .paginate-row {
    position: relative;
    width: 100%
}

product-hierarchy-catalog .container .paginate-row results-per-page,
product-hierarchy-catalog .container--body .paginate-row results-per-page,
product-hierarchy-catalog .container--catalog .paginate-row results-per-page,
product-hierarchy-catalog .section .container--centered .paginate-row results-per-page,
.section product-hierarchy-catalog .container--centered .paginate-row results-per-page {
    float: right;
    margin-top: -57px;
    margin-right: 85px
}

@media (min-width: 900px) and (max-width: 1350px) {

    product-hierarchy-catalog .container .paginate-row results-per-page,
    product-hierarchy-catalog .container--body .paginate-row results-per-page,
    product-hierarchy-catalog .container--catalog .paginate-row results-per-page,
    product-hierarchy-catalog .section .container--centered .paginate-row results-per-page,
    .section product-hierarchy-catalog .container--centered .paginate-row results-per-page {
        margin-right: 6px
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    product-hierarchy-catalog .container .paginate-row results-per-page,
    product-hierarchy-catalog .container--body .paginate-row results-per-page,
    product-hierarchy-catalog .container--catalog .paginate-row results-per-page,
    product-hierarchy-catalog .section .container--centered .paginate-row results-per-page,
    .section product-hierarchy-catalog .container--centered .paginate-row results-per-page {
        float: left;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 190px
    }
}

@media (min-width: 0px) and (max-width: 650px) {

    product-hierarchy-catalog .container .paginate-row results-per-page,
    product-hierarchy-catalog .container--body .paginate-row results-per-page,
    product-hierarchy-catalog .container--catalog .paginate-row results-per-page,
    product-hierarchy-catalog .section .container--centered .paginate-row results-per-page,
    .section product-hierarchy-catalog .container--centered .paginate-row results-per-page {
        float: left;
        margin-top: 0px;
        margin-right: 0px
    }
}

.product-type--bundles .empty-results-message .content {
    display: none !important
}

.product-type--bundles .empty-results-message .content.bundles {
    display: block !important
}

.product-type--curricula .empty-results-message .content {
    display: none !important
}

.product-type--curricula .empty-results-message .content.curricula {
    display: block !important
}

.product-type--courses .empty-results-message .content {
    display: none !important
}

.product-type--courses .empty-results-message .content.courses {
    display: block !important
}

@media (min-width: 650px) and (max-width: 900px) {
    .search .content-wrapper product-hierarchy-catalog sort-menu .popup-dropdown {
        margin-top: 10px
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    .search .content-wrapper product-hierarchy-catalog sort-menu {
        margin-bottom: 20px
    }

    .search .content-wrapper product-hierarchy-catalog sort-menu .popup-dropdown {
        margin-top: 10px
    }
}

product-hierarchy-search .search-row {
    width: 100%;
    max-width: 600px;
    float: left
}

.search product-hierarchy-search .search-row {
    width: auto;
    float: none;
    overflow: hidden;
    margin-top: 0
}

@media (min-width: 0px) and (max-width: 650px) {
    .search product-hierarchy-search .search-row {
        overflow: visible;
        width: 100%;
        max-width: none;
        margin-top: 10px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    product-hierarchy-search .search-row {
        width: 55%
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    product-hierarchy-search .search-row {
        width: 100%;
        max-width: 200px;
        margin-top: 0px;
        padding-bottom: 15px
    }
}

product-hierarchy-search .search-row #catalog-search {
    width: 98%;
    float: left;
    position: relative
}

@media (min-width: 650px) and (max-width: 900px) {
    product-hierarchy-search .search-row #catalog-search {
        width: 100%
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    product-hierarchy-search .search-row #catalog-search {
        width: 100%
    }
}

product-hierarchy-search .search-row #catalog-search .main-searchbar {
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding-right: 45px;
    border: 1px solid #000
}

product-hierarchy-search .search-row #catalog-search .main-searchbar:-ms-input-placeholder {
    font-weight: 600;
    font-style: italic;
    color: #CCCCCC
}

product-hierarchy-search .search-row #catalog-search .main-searchbar::placeholder {
    font-weight: 600;
    font-style: italic;
    color: #CCCCCC
}

@media (min-width: 0px) and (max-width: 650px) {
    product-hierarchy-search .search-row #catalog-search .main-searchbar:-ms-input-placeholder {
        font-size: 10px
    }

    product-hierarchy-search .search-row #catalog-search .main-searchbar::placeholder {
        font-size: 10px
    }
}

product-hierarchy-search .search-row #catalog-search i.clear {
    position: absolute;
    top: 0px;
    right: 10px;
    font-size: 40px;
    line-height: 45px;
    cursor: pointer
}

product-hierarchy-search .search-row .results-count {
    float: left;
    width: 30%;
    display: none
}

product-hierarchy-search .search-row .results-count p {
    line-height: 50px;
    padding-left: 15px
}

@media (min-width: 650px) and (max-width: 900px) {
    product-hierarchy-search .search-row .results-count {
        width: 85%;
        clear: both;
        float: left;
        padding-top: 8px
    }

    product-hierarchy-search .search-row .results-count p {
        padding-left: 0;
        line-height: 20px
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    product-hierarchy-search .search-row .results-count {
        width: 100%;
        clear: both;
        float: left;
        padding-top: 8px
    }

    product-hierarchy-search .search-row .results-count p {
        padding-left: 0;
        line-height: 20px
    }
}

product-hierarchy-search .search-row .main-searchbar {
    margin-bottom: 0
}

quick-links box-component .action-container {
    margin-top: 30px
}

quick-links box-component .action-container .action,
quick-links box-component .action-container .action--secondary,
quick-links box-component .action-container .action--third,
quick-links box-component .action-container .action--danger {
    display: inline-block;
    float: none;
    margin: auto 25px
}

@media (min-width: 0px) and (max-width: 650px) {

    quick-links box-component .action-container .action,
    quick-links box-component .action-container .action--secondary,
    quick-links box-component .action-container .action--third,
    quick-links box-component .action-container .action--danger {
        margin-bottom: 10px
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    quick-links box-component .action-container .action,
    quick-links box-component .action-container .action--secondary,
    quick-links box-component .action-container .action--third,
    quick-links box-component .action-container .action--danger {
        margin: 0 10px
    }
}

sort-menu.hidden {
    visibility: hidden;
    display: block !important
}

sort-menu .popup-dropdown popout li {
    text-align: left;
    padding: 10px 22px !important
}

.container--catalog product-hierarchy-catalog sort-menu .popup-dropdown popout {
    left: -71px
}

.container--catalog.search sort-menu .popup-dropdown {
    margin-top: 20px
}

catalog-multi-filter-dropdown .dropdown {
    width: 140px
}

catalog-multi-filter-dropdown .dropdown.active>.title {
    border-color: #272727;
    border-bottom-color: #FFF
}

catalog-multi-filter-dropdown .dropdown.active .menu {
    border-width: 1px;
    border-style: solid;
    border-top-width: 0;
    border-left-color: #272727;
    border-right-color: #272727;
    border-bottom-color: #272727;
    border-bottom-color: #272727;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15)
}

catalog-multi-filter-dropdown .dropdown.selected,
catalog-multi-filter-dropdown .dropdown.active.selected {
    border-radius: 3px;
    background: #2D7ABF
}

catalog-multi-filter-dropdown .dropdown.selected>.title,
catalog-multi-filter-dropdown .dropdown.active.selected>.title {
    border-color: #2D7ABF
}

catalog-multi-filter-dropdown .dropdown.selected>.title h4,
catalog-multi-filter-dropdown .dropdown.active.selected>.title h4 {
    color: #FFF
}

catalog-multi-filter-dropdown .dropdown>.title {
    width: 100%;
    height: 40px;
    line-height: 20px;
    position: relative;
    cursor: pointer;
    border: 1px solid #000;
    padding: 7px;
    border-radius: 3px
}

catalog-multi-filter-dropdown .dropdown>.title h4 {
    display: inline;
    font-style: italic;
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    color: #000;
    margin: auto
}

catalog-multi-filter-dropdown .dropdown>.title img {
    position: absolute;
    top: 13px;
    right: 5px
}

catalog-multi-filter-dropdown .dropdown .menu {
    width: 230px;
    height: auto;
    float: left;
    background: #FFFFFF;
    margin-top: -1px;
    overflow-y: scroll;
    max-height: 255px;
    border-top: 1px solid rgba(34, 36, 38, 0.15)
}

catalog-multi-filter-dropdown .dropdown .menu div.item {
    width: 100%;
    padding: 14px 15px;
    text-align: left;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 400;
    font-size: 12px;
    border-top: 1px solid #D8D8D8;
    cursor: pointer
}

catalog-multi-filter-dropdown .dropdown .menu div.item button {
    float: none
}

catalog-multi-filter-dropdown .dropdown .menu div.item.selected {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.95);
    background: rgba(0, 0, 0, 0.05)
}

catalog-multi-filter-dropdown .dropdown .menu div.item.disabled {
    cursor: default;
    opacity: .45
}

catalog-multi-filter-dropdown .dropdown .menu div.item.disabled:hover {
    color: rgba(0, 0, 0, 0.87);
    background: transparent
}

catalog-multi-filter-dropdown .dropdown .menu div.item:hover {
    color: rgba(0, 0, 0, 0.95);
    background: rgba(0, 0, 0, 0.05)
}

.hide-text-for-gtm-tracking {
    font-size: 0
}

.mobile-global-search-wrapper {
    display: none;
    float: right;
    margin-left: 10px;
    padding-top: 5px
}

@media (min-width: 0px) and (max-width: 650px) {
    .mobile-global-search-wrapper {
        display: block
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .mobile-global-search-wrapper {
        display: block
    }
}

.mobile-global-search-wrapper .global-search {
    width: 30px
}

.mobile-cart {
    float: right;
    display: none
}

@media (min-width: 0px) and (max-width: 650px) {
    .mobile-cart {
        display: block
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .mobile-cart {
        display: block
    }
}

nav.main {
    top: 0;
    left: 0;
    right: 0;
    z-index: 200;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 30px;
    height: 70px;
    width: 100%;
    background-color: white
}

nav.main.fixed {
    position: fixed
}

nav.main.ends {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 0px) and (max-width: 650px) {
    nav.main {
        padding: 10px 0 10px 10px
    }
}

nav.main .hamburger {
    float: left;
    position: relative;
    z-index: 999999;
    display: block
}

@media (min-width: 900px) and (max-width: 1350px) {
    nav.main .hamburger {
        display: none !important
    }
}

@media (min-width: 1350px) {
    nav.main .hamburger {
        display: none !important
    }
}

nav.main .hamburger img {
    width: 50px;
    height: 50px
}

nav.main popout {
    position: absolute;
    border-radius: 3px;
    padding: 10px;
    z-index: 1000
}

nav.main popout ul li {
    padding: 10px 20px
}

nav.main .nav-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

nav.main .nav-block li a {
    color: #272727
}

nav.main .nav-icon {
    width: 50px;
    height: 50px;
    margin-bottom: -15px;
    vertical-align: baseline
}

nav.main a.brand img {
    width: 100px;
    height: 28px
}

nav.main a.brand img.cpe {
    width: 150px
}

nav.main ul {
    list-style: none;
    margin: 0;
    padding: 0
}

nav.main ul>li .nav-text {
    color: #000;
    font-size: 12px;
    text-align: center;
    width: 55px
}

nav.main ul>li .nav-text img {
    width: 10px
}

@media (min-width: 0px) and (max-width: 650px) {
    nav.main .nav-catalog-menu-wrapper {
        display: none
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    nav.main .nav-catalog-menu-wrapper {
        display: none
    }
}

nav.main .nav-catalog-menu-wrapper popout {
    left: 50px;
    top: 65px;
    padding: 0
}

nav.main .nav-catalog-menu-wrapper popout:before {
    left: 15%
}

nav.main .nav-catalog-menu-wrapper popout:after {
    left: calc(15% + 1px)
}

nav.main .nav-catalog-menu-wrapper popout a {
    color: #272727
}

nav.main .nav-catalog-menu-wrapper popout a:hover {
    text-decoration: underline
}

nav.main .nav-catalog-menu-wrapper popout img {
    width: 20px;
    margin-right: 5px;
    vertical-align: middle
}

nav.main .nav-catalog-menu-wrapper .catalog-tab {
    width: 730px;
    height: 570px
}

nav.main .nav-catalog-menu-wrapper .catalog-tab section label {
    position: relative;
    width: 210px;
    padding: 15px 10px;
    cursor: pointer;
    font-weight: bold
}

nav.main .nav-catalog-menu-wrapper .catalog-tab section label:after {
    content: '';
    background-image: url(//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/icon/arrow-right-black.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 10px
}

nav.main .nav-catalog-menu-wrapper .catalog-tab section div {
    display: none;
    left: 210px;
    top: 0;
    position: absolute;
    width: 520px;
    height: 570px;
    padding: 20px 0 0 20px;
    border-left: 1px solid #D8D8D8
}

nav.main .nav-catalog-menu-wrapper .catalog-tab section div p {
    font-weight: bold;
    font-size: 18px;
    color: #272727;
    margin-bottom: 10px
}

nav.main .nav-catalog-menu-wrapper .catalog-tab section div p.helper-text {
    font-weight: 300;
    font-size: 14px;
    margin: 0 0 20px 0
}

nav.main .nav-catalog-menu-wrapper .catalog-tab__view-all-link {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #2D7ABF
}

nav.main .nav-catalog-menu-wrapper .catalog-tab__group-list>li {
    width: 33%;
    float: left
}

nav.main .nav-catalog-menu-wrapper .catalog-tab__group-list li {
    padding: 5px 0
}

nav.main .nav-catalog-menu-wrapper .catalog-tab input[name="tab_sections"] {
    left: -9999px;
    position: absolute;
    top: -9999px
}

nav.main .nav-catalog-menu-wrapper .catalog-tab input[name="tab_sections"]:checked+label {
    background: #2D7ABF;
    color: white
}

nav.main .nav-catalog-menu-wrapper .catalog-tab input[name="tab_sections"]:checked+label:after {
    background-image: url(//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/icon/arrow-right-white.png)
}

nav.main .nav-catalog-menu-wrapper .catalog-tab input[name="tab_sections"]:checked~div {
    display: block
}

nav.main a.nav-solo-unlimited {
    color: #272727;
    padding: 10px;
    border: 1px solid #2D7ABF;
    border-radius: 3px;
    margin: 0 20px;
    float: left
}

@media (min-width: 0px) and (max-width: 650px) {
    nav.main a.nav-solo-unlimited {
        display: none
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    nav.main a.nav-solo-unlimited {
        display: none
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    nav.main .nav-unlimited {
        display: none
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    nav.main .nav-unlimited {
        display: none
    }
}

nav.main .nav-unlimited img {
    width: 15px
}

nav.main .nav-unlimited>li>a {
    padding: 10px;
    border: 1px solid #2D7ABF;
    border-radius: 3px;
    margin: 0 20px;
    float: left
}

nav.main .nav-unlimited popout {
    top: 50px
}

nav.main .nav-unlimited popout a {
    color: #272727
}

nav.main .search {
    -ms-flex: 1;
    flex: 1;
    margin: 0 50px;
    border-radius: 3px;
    border: 1px solid #D8D8D8;
    background-color: white;
    box-shadow: inset 0 0 5px 0px #383838
}

nav.main .search:hover,
nav.main .search:focus {
    box-shadow: inset 3px 3px 5px 0px #9e9e9e
}

@media (min-width: 0px) and (max-width: 650px) {
    nav.main .search {
        display: none
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    nav.main .search {
        display: none
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    nav.main .search {
        margin: 0
    }
}

nav.main .search img {
    width: 40px
}

nav.main .search form {
    width: 100%
}

nav.main .search input {
    border: none;
    outline: none;
    padding: 0;
    width: 98%;
    font-size: 18px;
    -webkit-appearance: none
}

@media (min-width: 900px) and (max-width: 1350px) {
    nav.main .search input {
        font-size: 16px
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    nav.main .main-nav {
        display: none
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    nav.main .main-nav {
        display: none
    }
}

nav.main .main-nav popout {
    top: 65px;
    right: 100px;
    font-size: 14px
}

nav.main .main-nav popout:before,
nav.main .main-nav popout:after {
    left: 92%
}

nav.main .main-nav popout .profile-section {
    display: -ms-flexbox;
    display: flex
}

nav.main .main-nav popout .profile-section img {
    margin: -30px 0 0 -30px
}

nav.main .main-nav popout .profile-section__user-photo {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    margin: 0 20px 0 0 !important
}

nav.main .main-nav popout .profile-section__info {
    line-height: 1.7
}

nav.main .main-nav popout .profile-section__first_name {
    font-weight: bold
}

nav.main .main-nav popout .profile-section__view-link {
    color: #2D7ABF
}

nav.main .main-nav popout .profile-section__progress-bar-js {
    height: 15px;
    margin-top: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

nav.main .main-nav popout .profile-section__progress-bar-js .progress-bar-section {
    height: 100%;
    background-color: #D8D8D8;
    margin-right: 1px
}

nav.main .main-nav popout .profile-section__progress-bar-js .progress-bar-section.completed {
    background-color: #2D7ABF
}

nav.main .main-nav popout .profile-section__progress-bar-js .progress-bar-section:first-child {
    border-top-left-radius: 5px 25%;
    border-bottom-left-radius: 5px 25%
}

nav.main .main-nav popout .profile-section__progress-bar-js .progress-bar-section:last-child {
    border-top-right-radius: 5px 25%;
    border-bottom-right-radius: 5px 25%
}

nav.main .main-nav popout .profile-section__progress-bar-js-link {
    display: block;
    margin-top: 5px;
    color: #2D7ABF
}

nav.main .main-nav popout li a {
    color: #272727;
    font-weight: normal
}

nav.main .main-nav popout li a:hover {
    text-decoration: underline
}

nav.main .main-nav__register a {
    padding: 10px 20px;
    background-color: #2D7ABF;
    color: #FFF !important;
    border-radius: 3px;
    font-weight: normal
}

nav.main .main-nav__register.cpe a {
    background-color: #C7408F
}

nav.main .main-nav .profile__user-photo {
    width: 35px;
    height: 35px;
    margin: 5px 0 -5px 10px;
    border-radius: 100%
}

nav.main .cart .cart-icon {
    width: 50px
}

nav.main .cart .cart-products-number {
    background-color: #2D7ABF;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: -5px;
    color: #FFF;
    text-align: center
}

nav.main .cart popout {
    right: 0;
    top: 40px;
    width: 400px
}

nav.main .cart popout .checkout-cart {
    padding: 0;
    border: none
}

nav.main .cart popout .checkout-cart p {
    font-size: 18px;
    padding: 20px
}

nav.main .cart popout .checkout-cart .totaled-price {
    float: right;
    margin: 10px 0
}

nav.main .cart popout .checkout-cart .totaled-price label {
    font-size: 10px;
    margin-right: 10px
}

nav.main .cart popout .checkout-cart .totaled-price .price {
    font-size: 28px
}

nav.main .cart popout .checkout-cart .products-table {
    overflow-y: auto;
    max-height: 200px;
    border-top: 0
}

nav.main .cart popout .checkout-cart .products-table th {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    text-align: center
}

@media (min-width: 0px) and (max-width: 650px) {
    nav.main .cart popout .checkout-cart .products-table th {
        font-size: 10px
    }
}

nav.main .cart popout .checkout-cart .products-table .product-row {
    border-bottom: 1px solid #D8D8D8;
    background: white
}

nav.main .cart popout .checkout-cart .products-table .product-row td {
    font-size: 14px;
    padding: 20px
}

@media (min-width: 0px) and (max-width: 650px) {
    nav.main .cart popout .checkout-cart .products-table .product-row td {
        font-size: 14px;
        padding: 10px
    }
}

nav.main .cart popout .checkout-cart .products-table .product-row.discount {
    color: #2DBF41
}

nav.main .cart popout .checkout-cart .products-table .product-row.discount .title {
    text-align: right;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px
}

nav.main .cart popout .checkout-cart .products-table .product-row .title {
    text-align: left;
    max-width: 800px;
    line-height: 1.25
}

nav.main .cart popout .checkout-cart .products-table .product-row img.remove {
    width: 24px;
    height: 24px;
    cursor: pointer
}

@media (min-width: 0px) and (max-width: 650px) {
    nav.main .cart popout .checkout-cart .products-table .product-row img.remove {
        width: 15px;
        height: 15px
    }
}

nav.main .mobile li {
    list-style: none
}

nav.main .mobile-cart {
    display: none;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width: 0px) and (max-width: 650px) {
    nav.main .mobile-cart {
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    nav.main .mobile-cart {
        display: -ms-flexbox;
        display: flex
    }
}

nav.main .mobile-global-search-wrapper {
    display: none
}

nav.main .mobile-global-search-wrapper img {
    width: 50px
}

@media (min-width: 0px) and (max-width: 650px) {
    nav.main .mobile-global-search-wrapper {
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    nav.main .mobile-global-search-wrapper {
        display: -ms-flexbox;
        display: flex
    }
}

nav.main-mobile-logged-out,
nav.main-mobile-logged-in {

	top: 50px !important;
   	background: white;
    overflow: auto;
    padding-bottom: 150px
}

nav.main-mobile-logged-out.hidden {

	display: none;
}

nav.main-mobile-logged-out ul,
nav.main-mobile-logged-in ul {
    max-width: 300px;
    margin: 20px auto
}

nav.main-mobile-logged-out ul li,
nav.main-mobile-logged-in ul li {
    padding: 0
}

nav.main-mobile-logged-out ul li a,
nav.main-mobile-logged-in ul li a {
    padding: 15px 20px;
    color: #272727;
    font-weight: 400
}

nav.main-mobile-logged-out ul li a img,
nav.main-mobile-logged-in ul li a img {
    width: 20px;
    vertical-align: middle;
    margin-right: 10px
}

nav.main-mobile-logged-out .hide,
nav.main-mobile-logged-in .hide {
    display: none
}

nav.main-mobile-logged-out .header,
nav.main-mobile-logged-in .header {
    text-transform: uppercase;
    font-weight: 900;
    border-top: 1px solid #272727;
    border-bottom: 1px solid #272727;
    color: #272727;
    padding: 10px
}

nav.main-mobile-logged-out .register a,
nav.main-mobile-logged-in .register a {
    padding: 20px;
    background-color: #2D7ABF;
    color: #FFF;
    border-radius: 3px;
    text-align: center;
    margin: 0 20px
}

nav.main-mobile-logged-out .welcome,
nav.main-mobile-logged-in .welcome {
    background-color: #979797;
    padding: 20px;
    text-align: center;
    color: #FFF;
    border-radius: 3px;
    margin: 20px
}

nav.main-mobile-logged-out .logout,
nav.main-mobile-logged-in .logout {
    border: 1px solid #2D7ABF;
    border-radius: 3px;
    margin: 20px
}

nav.main-mobile-logged-out .logout a,
nav.main-mobile-logged-in .logout a {
    padding: 10px;
    text-align: center
}

.checkout-cart {
    padding: 5%;
    border: 1px solid #D8D8D8;
    border-radius: 3px
}

.checkout-cart:after {
    content: "";
    display: table;
    clear: both
}

.checkout-cart .header {
    float: left;
    width: 100%;
    padding-bottom: 5%
}

.checkout-cart .header h2 {
    margin: 0;
    font-size: 18px
}

.checkout-cart .product-list-container {
    float: left;
    width: 100%;
    font-weight: 300;
    margin-top: 0;
    height: auto;
    max-height: 205px;
    overflow-y: auto;
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8
}

.checkout-cart .product-list-container table {
    width: 96%;
    margin-top: 0
}

.checkout-cart .product-list-container .product-row {
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #D8D8D8;
    text-align: right
}

.checkout-cart .product-list-container .product-row:last-child {
    border-bottom: none
}

.checkout-cart .product-list-container .product-row td {
    padding: 5% 0
}

.checkout-cart .product-list-container .product-row .title {
    padding: 5% 0;
    font-size: 14px;
    line-height: 1.35
}

.checkout-cart .product-list-container .product-row .price {
    text-align: center;
    font-size: 16px
}

.checkout-cart .product-list-container .discount {
    background: white
}

.checkout-cart .totaled-price {
    float: right;
    margin: 10px 0
}

.checkout-cart .totaled-price label {
    font-size: 10px;
    margin-right: 10px
}

.checkout-cart .totaled-price .price {
    font-size: 28px
}

.products-table {
    width: 100%;
    font-weight: 300;
    text-align: center;
    margin-top: 60px
}

.products-table h2 {
    font-size: 18px
}

.products-table th {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    text-align: center
}

@media (min-width: 0px) and (max-width: 650px) {
    .products-table th {
        font-size: 10px
    }
}

.products-table .product-row {
    border-bottom: 1px solid #D8D8D8;
    background: white
}

.products-table .product-row td {
    font-size: 24px;
    padding: 35px
}

@media (min-width: 0px) and (max-width: 650px) {
    .products-table .product-row td {
        font-size: 14px;
        padding: 10px
    }
}

.products-table .product-row.discount {
    color: #2DBF41
}

.products-table .product-row.discount .title {
    text-align: right;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px
}

.products-table .product-row .title {
    text-align: left;
    max-width: 800px;
    line-height: 1.25
}

.products-table .product-row img.remove {
    width: 24px;
    height: 24px;
    cursor: pointer
}

@media (min-width: 0px) and (max-width: 650px) {
    .products-table .product-row img.remove {
        width: 15px;
        height: 15px
    }
}

.summary {
    margin: 30px auto
}

.summary:after {
    content: "";
    display: table;
    clear: both
}

.summary .discount-code {
    float: left;
    padding-top: 20px
}

@media (min-width: 650px) and (max-width: 900px) {
    .summary .discount-code {
        width: 100%;
        text-align: center
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    .summary .discount-code input {
        width: 100%
    }
}

.summary .discount-code label {
    top: 0
}

.summary .discount-code a {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    display: block;
    text-align: right;
    margin-top: 5px
}

@media (min-width: 0px) and (max-width: 650px) {
    .summary .discount-code a {
        display: block;
        text-align: right
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .summary .discount-code a {
        display: inline;
        margin-left: 20px;
        text-align: center
    }
}

.summary .discount-code .error,
.summary .discount-code input.error--major {
    color: #BF392D;
    font-weight: 300;
    font-size: 12px;
    float: right
}

@media (min-width: 0px) and (max-width: 650px) {

    .summary .discount-code .error,
    .summary .discount-code input.error--major {
        float: left;
        display: inline;
        text-align: center;
        padding: 10px 0
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .summary .discount-code .error,
    .summary .discount-code input.error--major {
        display: block;
        float: none;
        text-align: center;
        margin-top: 10px
    }
}

.summary .totaled-price {
    width: auto;
    text-align: right;
    margin: 0 auto;
    float: right
}

.summary .totaled-price:after {
    content: "";
    display: table;
    clear: both
}

.summary .totaled-price .price {
    font-size: 60px;
    font-weight: 300
}

@media (min-width: 0px) and (max-width: 650px) {
    .summary .totaled-price .price {
        font-size: 34px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .summary .totaled-price {
        float: none;
        display: block;
        text-align: center !important;
        margin: 40px auto
    }
}

.summary label {
    text-transform: uppercase;
    color: #979797;
    font-size: 13px;
    margin-right: 20px;
    font-weight: bold;
    position: relative;
    display: inline-block
}

footer {
    padding: 40px 50px;
    display: inline-block;
    width: 100%;
    background-color: white;
    margin-top: 40px
}

@media (min-width: 650px) and (max-width: 900px) {
    footer {
        padding: 20px;
        font-size: 12px
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    footer {
        padding: 20px
    }
}

footer h5 {
    font-weight: bold
}

@media (min-width: 0px) and (max-width: 650px) {
    footer h5 {
        margin-top: 20px
    }
}

footer ul {
    list-style: none;
    padding: 10px 0 0
}

footer ul li {
    padding: 0;
    line-height: 1.5
}

footer a {
    color: #272727;
    white-space: nowrap
}

footer a:hover {
    text-decoration: underline
}

footer .footer__main {
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #272727;
    padding: 20px 0
}

@media (min-width: 0px) and (max-width: 650px) {
    footer .footer__main {
        display: inline-block;
        width: 100%
    }
}

footer .footer__column {
    width: 165px;
    float: left;
    margin-right: 20px
}

@media (min-width: 0px) and (max-width: 650px) {
    footer .footer__column {
        width: 100%;
        text-align: center
    }
}

footer .footer__ads {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width: 0px) and (max-width: 650px) {
    footer .footer__ads {
        width: 100%;
        display: inline-block;
        text-align: center;
        margin-top: 20px
    }
}

footer .footer__ads a:hover {
    text-decoration: none
}

@media (min-width: 650px) and (max-width: 900px) {
    footer .footer__ads img {
        width: 100px
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    footer .footer__ads img {
        width: 100px
    }
}

footer .footer__ads #hubspot-email-subscribe-form {
    margin-top: 20px;
    width: 360px
}

@media (min-width: 0px) and (max-width: 650px) {
    footer .footer__ads #hubspot-email-subscribe-form {
        margin: 20px auto 0
    }
}

footer .footer__social {
    border-bottom: 1px solid #272727;
    padding: 20px 0
}

footer .footer__social ul li {
    display: inline-block;
    margin-right: 20px
}

footer .footer__legal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    padding: 20px 0
}

footer .footer__legal ul li {
    display: inline-block;
    margin-right: 20px
}

footer .footer__legal img {
    width: 100px
}

footer .footer__legal img.cpe {
    width: 150px
}

form .action,
form .action--secondary,
form .action--third,
form .action--danger {
    padding: 20px 60px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    float: none;
    font-size: 18px;
    margin-top: 30px
}

form .small {
    font-size: 16px;
    padding: 10px 20px;
    margin-top: 10px
}

input,
input.mx-input {
    width: 100%;
    height: auto;
    border-radius: 3px;
    font-size: 16px;
    padding: 10px 20px;
    border: 1px solid #D8D8D8;
    font-family: "Open Sans", sans-serif;
    font-weight: 300
}

input.error,
input.error--major,
input.mx-input.error--major,
input.mx-input.error,
input.mx-input.error--major {
    border: 1px solid #BF392D
}

input.error--major,
input.mx-input.error--major {
    border-right: 60px solid #BF392D
}

.hide-show {
    top: 60px;
    right: 30px;
    position: relative;
    z-index: 5;
    float: right
}

.hide-show span {
    background: #2D7ABF;
    color: white;
    border-radius: 3px;
    padding: 5px;
    position: relative;
    font-weight: 900;
    font-size: 10px;
    text-transform: uppercase;
    cursor: pointer;
    width: 50px;
    float: right
}

.hide-show+.helper,
.hide-show+.helper--label,
.hide-show+.helper--secondary,
.hide-show+.helper--error,
.hide-show+.helper--success {
    margin-top: -15px
}

label {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 300;
    text-align: left
}

label span.asterisk {
    color: #BF4343
}

textarea {
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    padding: 15px;
    font-size: 14px;
    font-weight: 300;
    width: 100%
}

.field,
.field--shortened {
    margin: 10px 0;
    width: 100%;
    float: left
}

.field--shortened {
    margin: 5px 0
}

.field checklist,
.field--shortened checklist {
    column-count: 3;
    width: 100%
}

@media (min-width: 0px) and (max-width: 650px) {

    .field checklist,
    .field--shortened checklist {
        column-count: 1
    }
}

.field.one-third,
.one-third.field--shortened {
    width: 30%;
    margin-right: 3%
}

.field.one-quarter,
.one-quarter.field--shortened {
    width: 22%;
    margin-right: 3%
}

.field.half,
.half.field--shortened {
    width: 47%;
    margin-right: 3%
}

.field.half.center,
.half.center.field--shortened {
    width: 48%;
    margin-right: 4%
}

.field.half.end,
.half.end.field--shortened {
    width: 48%;
    margin-right: 0
}

.field.auto,
.auto.field--shortened {
    width: auto
}

.field input,
.field--shortened input {
    float: left;
    width: 100%
}

.field input[disabled],
.field--shortened input[disabled] {
    cursor: not-allowed
}

.field input.one-third,
.field--shortened input.one-third {
    width: 30%;
    margin-right: 3%
}

.field input.half,
.field--shortened input.half {
    width: 47%;
    margin-right: 3%
}

.field .helper--error,
.field--shortened .helper--error {
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
    font-size: 10px;
    margin: 5px 0
}

.helper,
.helper--label,
.helper--secondary,
.helper--error,
.helper--success {
    color: #979797;
    margin-top: 5px;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    text-align: left;
    float: left;
    width: 100%
}

.helper a,
.helper--label a,
.helper--secondary a,
.helper--error a,
.helper--success a {
    color: #979797
}

.helper--label {
    color: #272727;
    float: left;
    margin: 0 0 5px 0
}

.helper--label.disabled {
    color: #D4D4D4
}

.helper--secondary {
    color: #505050;
    margin-top: 0;
    margin-bottom: 5px
}

.helper--secondary.disabled {
    color: #D4D4D4
}

.helper--action {
    color: #979797;
    border: 1px solid #979797;
    padding: 5px;
    float: right;
    margin-left: 10px;
    border-radius: 3px
}

.helper--error {
    text-transform: none;
    color: #BF392D;
    text-align: center;
    font-weight: 300;
    font-size: 16px;
    margin: 10px 0
}

.helper--success {
    text-transform: none;
    color: #2DBF41;
    text-align: center;
    font-weight: 300;
    font-size: 16px
}

.section-header {
    text-align: center;
    text-transform: uppercase;
    float: left;
    padding: 20px 0;
    width: 100%;
    font-size: 16px;
    letter-spacing: 2px;
    margin-top: 40px;
    margin-bottom: 20px;
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8
}

.section-header+.helper,
.section-header+.helper--label,
.section-header+.helper--secondary,
.section-header+.helper--error,
.section-header+.helper--success {
    margin-top: -10px;
    margin-bottom: 20px;
    text-align: center
}

select {
    border-radius: 3px;
    border: 1px solid #D8D8D8;
    font-size: 16px;
    color: #979797;
    background: white;
    font-weight: 300;
    height: 44px;
    width: 100%
}

input[type="checkbox"] {
    width: auto;
    padding: 0
}

.notification-callout,
.notification-callout--error,
.notification-callout--success {
    width: 100%;
    padding: 10px;
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    background: #2D7ABF;
    border-radius: 3px;
    margin: 10px 0;
    float: left
}

.notification-callout--error {
    background: #BF392D
}

.notification-callout--success {
    background: #2DBF41
}

.states {
    color: black
}

.page-title {
    font-size: 60px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 300
}

.half-container {
    width: 50%;
    float: left;
    padding: 0 5%;
    text-align: center
}

.half-container.secondary {
    margin-top: 60px;
    text-align: left
}

.half-container.secondary ul {
    padding: 0 0 0 20px;
    margin: 15px 0 0 0
}

.half-container.secondary ul+h6 {
    margin-top: 30px
}

.half-container.secondary li {
    padding: 0
}

.half-container .section-title {
    text-align: center;
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 20px
}

@media (min-width: 0px) and (max-width: 650px) {
    .half-container {
        width: 100%
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .half-container {
        width: 100%
    }
}

.left-container {
    float: left;
    margin: 30px 2.5%;
    width: 45%
}

.left-container:after {
    content: "";
    display: table;
    clear: both
}

.right-container {
    float: left;
    margin: 30px 2.5%;
    width: 45%
}

.right-container:after {
    content: "";
    display: table;
    clear: both
}

.container.feeds,
.feeds.container--body,
.feeds.container--catalog,
.section .feeds.container--centered,
.full-width {
    width: 92% !important;
    max-width: 2000px !important;
    margin: auto
}

.full-width-narrow {
    max-width: 1160px;
    margin: auto;
    padding: 20px
}

.breadcrumbs {
    font-weight: 300;
    width: 1160px;
    margin: 0 auto;
    padding: 15px 0;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none
}

.breadcrumbs .active-page {
    font-weight: 700
}

.breadcrumbs .action,
.breadcrumbs .action--secondary,
.breadcrumbs .action--third,
.breadcrumbs .action--danger {
    display: block;
    margin: 0 auto;
    float: none
}

@media (min-width: 0px) and (max-width: 650px) {
    .breadcrumbs {
        width: 320px;
        padding: 20px;
        display: block
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .breadcrumbs {
        width: 80%
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    .breadcrumbs {
        width: 800px
    }
}

.empty-results-message {
    text-align: center;
    padding: 50px;
    border-radius: 3px;
    background: white;
    float: left;
    width: 100%
}

.empty-results-message .content {
    display: none
}

.empty-results-message .content.default {
    display: block
}

.empty-results-message .content p {
    width: 100%;
    display: block;
    text-align: center
}

.empty-results-message .content .action,
.empty-results-message .content .action--secondary,
.empty-results-message .content .action--third,
.empty-results-message .content .action--danger {
    margin-top: 30px;
    float: none;
    display: inline-block;
    padding: 0
}

.empty-results-message .content .action a,
.empty-results-message .content .action--secondary a,
.empty-results-message .content .action--third a,
.empty-results-message .content .action--danger a {
    padding: 20px 40px
}

@media (min-width: 0px) and (max-width: 650px) {

    .empty-results-message .content .action,
    .empty-results-message .content .action--secondary,
    .empty-results-message .content .action--third,
    .empty-results-message .content .action--danger {
        width: 100%;
        display: block
    }
}

#search-overlay-wrapper {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    text-align: center;
    background: rgba(0, 0, 0, 0.8);
    margin: 0;
    z-index: 9999
}

#search-overlay-wrapper:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: 0
}

#search-overlay-wrapper .centered {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    padding: 10px 15px;
    color: #FFF;
    border: none;
    background: transparent
}

@media (min-width: 0px) and (max-width: 650px) {
    #search-overlay-wrapper .centered {
        width: 100%;
        position: fixed;
        top: 200px;
        left: 0
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    #search-overlay-wrapper .centered {
        width: 100%;
        position: fixed;
        top: 400px;
        left: 0
    }
}

#search-overlay-wrapper .search-overlay-box {
    position: relative;
    width: 100%;
    margin: 0
}

#search-overlay-wrapper .search-overlay-form {
    height: 4em;
    border: 1px solid #999;
    border-radius: 2px;
    background-color: #fff;
    overflow: hidden
}

#search-overlay-wrapper #search-overlay-text {
    font-size: 20px;
    border-width: 0;
    background: transparent
}

#search-overlay-wrapper .search-overlay-box input[type="search"] {
    width: 90%;
    padding: 20px 90px 20px 0;
    outline: none
}

#search-overlay-wrapper .search-overlay-button {
    position: absolute;
    top: 0;
    right: 0;
    height: 4.5em;
    width: 100px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    border-width: 0;
    background-color: #2D7ABF;
    border-radius: 0 2px 2px 0;
    cursor: pointer
}

#search-overlay-wrapper #search-overlay-close-btn {
    position: fixed;
    top: 2em;
    right: 2em;
    cursor: pointer
}

#search-overlay-wrapper #search-overlay-close-btn:before {
    border-radius: 0.33em;
    content: "\00D7";
    font-size: 50px;
    font-weight: normal;
    line-height: 50px;
    height: 50px;
    width: 50px;
    text-align: center;
    color: #FFF;
    background: transparent
}

#search-overlay-wrapper #search-overlay-close-btn:hover {
    color: #979797
}

table {
    width: 100%;
    float: left
}

th {
    text-transform: uppercase;
    padding: 10px;
    font-weight: 700;
    font-size: 10px;
    text-align: left
}

td {
    vertical-align: middle;
    padding: 10px;
    font-weight: 300
}

tr {
    background-color: white
}

tr:nth-child(even) {
    background-color: #f5f5f5
}

.tab-wrapper>select {
    display: none;
    margin-bottom: 50px
}

@media (min-width: 0px) and (max-width: 650px) {
    .tab-wrapper>select {
        display: block
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .tab-wrapper>select {
        display: block
    }
}

.tab-wrapper .tabs {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width: 0px) and (max-width: 650px) {
    .tab-wrapper .tabs {
        display: none
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .tab-wrapper .tabs {
        display: none
    }
}

.tabs,
dashboard-tabs {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    list-style-type: none;
    padding: 0;
    border-bottom: 1px solid #979797;
    z-index: 1
}

.tabs:after,
dashboard-tabs:after {
    content: "";
    display: table;
    clear: both
}

.tabs li,
dashboard-tabs li {
    float: left;
    color: #272727;
    cursor: pointer
}

.tabs li:after,
dashboard-tabs li:after {
    content: "";
    display: table;
    clear: both
}

.tabs li:first-child,
dashboard-tabs li:first-child {
    padding-left: 0px
}

.tabs li .badge,
dashboard-tabs li .badge {
    background: #2D7ABF;
    border-radius: 30px;
    padding: 5px 10px;
    font-size: 10px;
    color: white;
    margin-left: 5px;
    position: relative;
    top: -2px
}

.tabs li a,
dashboard-tabs li a {
    padding: 20px;
    color: #272727;
    font-weight: 300;
    opacity: 0.5;
    display: block;
    cursor: pointer
}

.tabs li a.active,
dashboard-tabs li a.active {
    border: 1px solid #979797;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    display: block;
    color: #272727;
    background: white;
    opacity: 1
}

.tabs-left .tabs,
dashboard-tabs-left .tabs {
    border-right: 1px solid #979797;
    border-bottom: 0;
    width: 40%;
    padding: 30px 0;
    margin-bottom: 0;
    margin-right: 5%;
    text-align: right;
    float: left
}

.tabs-left li,
dashboard-tabs-left li {
    padding: 0;
    float: right
}

.tabs-left li a,
dashboard-tabs-left li a {
    padding: 20px;
    color: #272727;
    font-weight: 300;
    opacity: 0.5;
    display: block;
    cursor: pointer;
    border-right: 1px solid white !important
}

.tabs-left li a.active,
dashboard-tabs-left li a.active {
    border: 1px solid #979797;
    border-right: 0;
    border-radius: 3px 0 0 3px;
    display: block;
    color: #272727;
    background: white;
    opacity: 1;
    margin-right: -1px
}

.tabs-left .tab-content,
dashboard-tabs-left .tab-content {
    float: left;
    display: block;
    width: 55%
}

.tabs-left .tab-content:after,
dashboard-tabs-left .tab-content:after {
    content: "";
    display: table;
    clear: both
}

.tabs-left .tab-content img,
dashboard-tabs-left .tab-content img {
    width: auto;
    min-width: 100%;
    max-width: 200%;
    margin-bottom: 10px
}

.tab-pane {
    display: none
}

.tab-pane.active {
    display: block
}

.tab-wrapper:after {
    content: "";
    display: table;
    clear: both
}

.modal,
.v-modal {
    background-color: rgba(0, 0, 0, 0.6);
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    overflow-y: scroll;
    width: 100%;
    z-index: 201
}

.modal--container,
.v-modal--container {
    display: block;
    background-color: white;
    border-radius: 3px;
    margin: 60px auto;
    position: relative;
    height: auto;
    padding: 50px 100px;
    width: 800px;
    max-width: 800px
}

.modal--container:after,
.v-modal--container:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 650px) and (max-width: 900px) {

    .modal--container,
    .v-modal--container {
        width: 90%;
        padding: 50px 60px
    }
}

@media (min-width: 900px) and (max-width: 1350px) {

    .modal--container,
    .v-modal--container {
        width: 90%
    }
}

@media (min-width: 0px) and (max-width: 650px) {

    .modal--container,
    .v-modal--container {
        width: 90%;
        padding: 30px
    }

    .modal--container .field.half,
    .modal--container .half.field--shortened,
    .v-modal--container .field.half,
    .v-modal--container .half.field--shortened {
        width: 100%
    }
}

.modal--container .audio-not-approved,
.v-modal--container .audio-not-approved {
    color: #BF4343
}

.modal--container .download-audio-anyway,
.v-modal--container .download-audio-anyway {
    background-color: #979797;
    margin-right: 10px;
    position: inherit !important;
    width: 200px !important
}

.modal--container .audio-not-approved-cancel,
.v-modal--container .audio-not-approved-cancel {
    position: inherit !important;
    width: 200px !important
}

.modal--container .my-courses-link,
.v-modal--container .my-courses-link {
    font-size: 12px
}

.modal--container .close-button,
.v-modal--container .close-button {
    content: '';
    color: white;
    position: absolute;
    top: -35px;
    right: 0;
    border-radius: 100%;
    padding: 2px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: none;
    border: none
}

.modal--container .close-button img,
.v-modal--container .close-button img {
    width: 90%
}

.modal-audio,
.modal-course-materials-modal,
.v-modal-audio,
.v-modal-course-materials-modal {
    text-align: left
}

.modal-audio .action,
.modal-audio .action--secondary,
.modal-audio .action--third,
.modal-audio .action--danger,
.modal-course-materials-modal .action,
.modal-course-materials-modal .action--secondary,
.modal-course-materials-modal .action--third,
.modal-course-materials-modal .action--danger,
.v-modal-audio .action,
.v-modal-audio .action--secondary,
.v-modal-audio .action--third,
.v-modal-audio .action--danger,
.v-modal-course-materials-modal .action,
.v-modal-course-materials-modal .action--secondary,
.v-modal-course-materials-modal .action--third,
.v-modal-course-materials-modal .action--danger {
    position: static !important;
    display: inline !important;
    float: left !important;
    width: auto !important;
    margin: 0 10px
}

.modal-audio .action a,
.modal-audio .action--secondary a,
.modal-audio .action--third a,
.modal-audio .action--danger a,
.modal-course-materials-modal .action a,
.modal-course-materials-modal .action--secondary a,
.modal-course-materials-modal .action--third a,
.modal-course-materials-modal .action--danger a,
.v-modal-audio .action a,
.v-modal-audio .action--secondary a,
.v-modal-audio .action--third a,
.v-modal-audio .action--danger a,
.v-modal-course-materials-modal .action a,
.v-modal-course-materials-modal .action--secondary a,
.v-modal-course-materials-modal .action--third a,
.v-modal-course-materials-modal .action--danger a {
    padding: 10px 20px
}

@media (min-width: 0px) and (max-width: 650px) {

    .modal-audio .action,
    .modal-audio .action--secondary,
    .modal-audio .action--third,
    .modal-audio .action--danger,
    .modal-course-materials-modal .action,
    .modal-course-materials-modal .action--secondary,
    .modal-course-materials-modal .action--third,
    .modal-course-materials-modal .action--danger,
    .v-modal-audio .action,
    .v-modal-audio .action--secondary,
    .v-modal-audio .action--third,
    .v-modal-audio .action--danger,
    .v-modal-course-materials-modal .action,
    .v-modal-course-materials-modal .action--secondary,
    .v-modal-course-materials-modal .action--third,
    .v-modal-course-materials-modal .action--danger {
        margin: 5px 10px
    }
}

.modal-audio ul,
.modal-course-materials-modal ul,
.v-modal-audio ul,
.v-modal-course-materials-modal ul {
    text-align: left;
    margin: 20px 0 10px;
    float: left;
    display: block;
    width: 100%
}

.modal-audio ul li,
.modal-course-materials-modal ul li,
.v-modal-audio ul li,
.v-modal-course-materials-modal ul li {
    float: left;
    width: 50%;
    padding-left: 0;
    padding-right: 10%
}

.modal-audio ul li .state,
.modal-course-materials-modal ul li .state,
.v-modal-audio ul li .state,
.v-modal-course-materials-modal ul li .state {
    text-align: left
}

.modal-audio ul li .date,
.modal-course-materials-modal ul li .date,
.v-modal-audio ul li .date,
.v-modal-course-materials-modal ul li .date {
    float: right
}

@media (min-width: 0px) and (max-width: 650px) {

    .modal-audio ul li,
    .modal-course-materials-modal ul li,
    .v-modal-audio ul li,
    .v-modal-course-materials-modal ul li {
        width: 100%
    }
}

.modal-audio .notice,
.modal-course-materials-modal .notice,
.v-modal-audio .notice,
.v-modal-course-materials-modal .notice {
    background: #E0D719;
    color: #272727;
    padding: 20px;
    border-radius: 3px
}

.modal-audio .disclaimer,
.modal-course-materials-modal .disclaimer,
.v-modal-audio .disclaimer,
.v-modal-course-materials-modal .disclaimer {
    clear: both;
    padding-top: 1em
}

.modal-audio .audio-materials-download,
.modal-course-materials-modal .audio-materials-download,
.v-modal-audio .audio-materials-download,
.v-modal-course-materials-modal .audio-materials-download {
    clear: both;
    margin-top: 30px;
    float: left
}

.modal-audio .audio-materials-download h4,
.modal-course-materials-modal .audio-materials-download h4,
.v-modal-audio .audio-materials-download h4,
.v-modal-course-materials-modal .audio-materials-download h4 {
    font-weight: 300
}

.modal-audio .audio-materials-download ul,
.modal-course-materials-modal .audio-materials-download ul,
.v-modal-audio .audio-materials-download ul,
.v-modal-course-materials-modal .audio-materials-download ul {
    margin-top: 10px;
    padding: 0;
    list-style-type: none
}

.modal-audio .audio-materials-download li,
.modal-course-materials-modal .audio-materials-download li,
.v-modal-audio .audio-materials-download li,
.v-modal-course-materials-modal .audio-materials-download li {
    display: block;
    width: 100%;
    float: none
}

.modal-audio .audio-materials-download a,
.modal-course-materials-modal .audio-materials-download a,
.v-modal-audio .audio-materials-download a,
.v-modal-course-materials-modal .audio-materials-download a {
    color: #2D7ABF;
    background: none
}

.modal-audio .audio-materials-download a:hover,
.modal-course-materials-modal .audio-materials-download a:hover,
.v-modal-audio .audio-materials-download a:hover,
.v-modal-course-materials-modal .audio-materials-download a:hover {
    background: none;
    color: #2D7ABF
}

.modal-register,
.v-modal-register {
    text-align: center
}

.modal-register h2,
.v-modal-register h2 {
    margin-bottom: 20px;
    font-size: 32px !important
}

.modal-register p,
.v-modal-register p {
    margin: 30px 0
}

.modal-register address-block,
.v-modal-register address-block {
    font-weight: 700;
    margin: 20px 0;
    display: block
}

.modal-register .action,
.modal-register .action--secondary,
.modal-register .action--third,
.modal-register .action--danger,
.v-modal-register .action,
.v-modal-register .action--secondary,
.v-modal-register .action--third,
.v-modal-register .action--danger {
    margin: 0 auto;
    margin-top: 0 !important;
    float: none;
    position: static !important;
    width: 100% !important
}

audio-modal .modal--container,
course-materials-modal .modal--container {
    color: #000;
    cursor: default
}

@media (min-width: 0px) and (max-width: 650px) {

    audio-modal .modal--container,
    course-materials-modal .modal--container {
        padding: 20px
    }
}

audio-modal .modal--container .audio-materials-download li a {
    padding: 6px 0
}

.modal-audio .notice.top span {
    display: block;
    font-weight: bold
}

.modal-audio .notice.btm {
    font-size: 12px;
    font-style: italic;
    padding: 0;
    padding-left: 20px;
    color: #000;
    background: none;
    line-height: 20px
}

.modal-audio ul {
    padding-left: 20px;
    padding-right: 20px
}

.modal-audio ul.state-list-small {
    display: none
}

.modal-audio ul li {
    list-style-type: none;
    font-size: 13px;
    padding-right: 30px;
    margin-bottom: 6px
}

.modal-audio ul li:nth-child(even) {
    padding-right: 0px
}

.modal-audio ul li.date {
    font-size: 12px
}

@media (min-width: 0px) and (max-width: 650px) {
    .modal-audio ul.state-list-small {
        display: block
    }

    .modal-audio ul.state-list-large {
        display: none
    }

    .modal-audio ul li {
        font-size: 12px;
        padding-right: 0px
    }

    .modal-audio ul li.date {
        font-size: 11px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .modal-audio ul li {
        font-size: 12px;
        padding-right: 15px
    }

    .modal-audio ul li.date {
        font-size: 11px
    }
}

.modal-audio .ad {
    margin-top: 20px
}

.modal-audio .ad img {
    width: 100%
}

.modal-audio .ad a:hover {
    background: none
}

.modal-audio .download-materials {
    clear: both;
    padding: 20px 20px 10px
}

.modal-audio .download-materials a {
    color: #2D7ABF;
    background: none;
    padding-left: 0;
    display: inline;
    cursor: pointer
}

.modal-audio .download-materials a:hover {
    background: none;
    color: #2D7ABF
}

course-materials-modal .action.highlighted,
course-materials-modal .highlighted.action--secondary,
course-materials-modal .highlighted.action--third,
course-materials-modal .highlighted.action--danger {
    clear: both
}

.close-btn {
    display: block;
    display: none \9;
    padding: 0;
    border: 0;
    outline: none;
    background-size: 1.875em 1.875em;
    overflow: hidden;
    white-space: nowrap;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-tap-highlight-color: transparent
}

.close-btn img {
    width: 30px;
    height: 30px
}

.close-btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.nav-btn {
    display: block;
    display: none \9;
    padding: 0;
    border: 0;
    outline: none;
    overflow: hidden;
    white-space: nowrap;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer
}

.nav-btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

#outer-wrap {
    position: relative;
    overflow: hidden;
    width: 100%
}

#inner-wrap {
    position: relative;
    width: 100%
}

#nav {
    z-index: 200;
    position: relative;
    width: 100%;
    height: 100vh;
    color: #fff
}

@media (min-width: 900px) and (max-width: 1350px) {
    #nav {
        width: auto
    }
}

@media (min-width: 1350px) {
    #nav {
        width: auto
    }
}

#nav .close-btn {
    display: none
}

#nav ul {
    *zoom: 1;
    display: block;
    padding: 0
}

#nav li a {
    display: block
}

@media (min-width: 650px) and (max-width: 900px) {
    #nav {
        position: absolute;
        top: 0
    }

    #nav li {
        position: relative
    }

    .js-ready #nav {
        height: 100%;
        height: 100vh;
        left: -350px;
        width: 350px;
        border: none;
        overflow: auto;
        display: block
    }

    .js-ready #nav:after {
        content: "";
        display: table;
        clear: both
    }

    .js-ready #nav .close-btn {
        display: block;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7;
        cursor: pointer;
        padding: 20px 0 10px 0
    }

    .js-ready #nav .close-btn:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1
    }

    .js-ready #nav .close-btn img {
        width: 30px
    }

    .js-ready #nav .close-btn a {
        display: block;
        margin: 0 auto
    }

    .js-ready #inner-wrap {
        left: 0
    }

    .js-nav #inner-wrap {
        left: 350px
    }

    .csstransforms3d.csstransitions.js-ready #nav {
        left: 0;
        display: block;
        transform: translate3d(-100%, 0, 0);
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .csstransforms3d.csstransitions.js-ready #inner-wrap {
        left: 0 !important;
        transform: translate3d(0, 0, 0);
        transition: transform 500ms ease;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .csstransforms3d.csstransitions.js-nav #inner-wrap {
        transform: translate3d(45%, 0, 0) scale3d(1, 1, 1)
    }

    .csstransforms3d.csstransitions.js-ready #nav .block {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7;
        -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
        -webkit-transition-delay: ease, 0s;
        transition: opacity 300ms 100ms ease, transform 500ms ease;
        transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
        transform-origin: 50% 0%
    }

    .csstransforms3d.csstransitions.js-nav #nav .block {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    #nav {
        position: absolute;
        top: 0
    }

    #nav li {
        position: relative
    }

    .js-ready #nav {
        height: 100%;
        height: 100vh;
        width: 70%;
        left: -70%;
        border: none
    }

    .js-ready #nav .close-btn {
        display: block;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7;
        cursor: pointer;
        padding: 20px 0 10px 0
    }

    .js-ready #nav .close-btn:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1
    }

    .js-ready #nav .close-btn img {
        width: 30px
    }

    .js-ready #nav .close-btn a {
        display: block;
        margin: 0 auto
    }

    .js-ready #inner-wrap {
        left: 0
    }

    .js-nav #inner-wrap {
        left: 70%
    }

    .csstransforms3d.csstransitions.js-ready #nav {
        left: 0;
        display: block;
        transform: translate3d(-100%, 0, 0);
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .csstransforms3d.csstransitions.js-ready #inner-wrap {
        left: 0 !important;
        transform: translate3d(0, 0, 0);
        transition: transform 500ms ease;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .csstransforms3d.csstransitions.js-nav #inner-wrap {
        transform: translate3d(70%, 0, 0) scale3d(1, 1, 1)
    }

    .csstransforms3d.csstransitions.js-ready #nav .block {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7;
        -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
        -webkit-transition-delay: ease, 0s;
        transition: opacity 300ms 100ms ease, transform 500ms ease;
        transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
        transform-origin: 50% 0%
    }

    .csstransforms3d.csstransitions.js-nav #nav .block {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.unlimited-ad,
#unlimited-ad {
    float: left;
    background: url("//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/common/hero-image-v3.jpg");
    background: #272727 \9;
    background-size: cover;
    width: 100%;
    padding: 150px;
    margin: 40px 0 -100px;
    color: white
}

.unlimited-ad:after,
#unlimited-ad:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 0px) and (max-width: 650px) {

    .unlimited-ad,
    #unlimited-ad {
        padding: 20px;
        text-align: center
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .unlimited-ad,
    #unlimited-ad {
        text-align: center
    }
}

.unlimited-ad .action,
.unlimited-ad .action--secondary,
.unlimited-ad .action--third,
.unlimited-ad .action--danger,
#unlimited-ad .action,
#unlimited-ad .action--secondary,
#unlimited-ad .action--third,
#unlimited-ad .action--danger {
    float: right;
    margin-top: 25px;
    width: auto
}

@media (min-width: 0px) and (max-width: 650px) {

    .unlimited-ad .action,
    .unlimited-ad .action--secondary,
    .unlimited-ad .action--third,
    .unlimited-ad .action--danger,
    #unlimited-ad .action,
    #unlimited-ad .action--secondary,
    #unlimited-ad .action--third,
    #unlimited-ad .action--danger {
        display: inline-block;
        float: none
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .unlimited-ad .action,
    .unlimited-ad .action--secondary,
    .unlimited-ad .action--third,
    .unlimited-ad .action--danger,
    #unlimited-ad .action,
    #unlimited-ad .action--secondary,
    #unlimited-ad .action--third,
    #unlimited-ad .action--danger {
        display: inline-block;
        float: none
    }
}

.unlimited-ad .left,
#unlimited-ad .left {
    float: left
}

.unlimited-ad .headline,
#unlimited-ad .headline {
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 10px;
    float: left;
    clear: both
}

@media (min-width: 0px) and (max-width: 650px) {

    .unlimited-ad .headline,
    #unlimited-ad .headline {
        font-size: 24px
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .unlimited-ad .headline,
    #unlimited-ad .headline {
        text-align: center;
        float: none
    }
}

.unlimited-ad .subtitle,
#unlimited-ad .subtitle {
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 3px;
    float: left;
    clear: both
}

@media (min-width: 0px) and (max-width: 650px) {

    .unlimited-ad .subtitle,
    #unlimited-ad .subtitle {
        font-size: 14px
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .unlimited-ad .subtitle,
    #unlimited-ad .subtitle {
        text-align: center;
        float: none
    }
}

.account--my-info a.action,
.account--my-info a.action--secondary,
.account--my-info a.action--third,
.account--my-info a.action--danger {
    padding: 1em
}

.account--my-info .xsmall {
    margin: 10px 10px 0 0
}

.cancel-renewal-modal h2 {
    text-align: center;
    font-weight: 600;
    font-size: 24px;
    margin-top: 5%
}

@media (min-width: 0px) and (max-width: 650px) {
    .cancel-renewal-modal h2 {
        font-size: 20px
    }
}

.cancel-renewal-modal .action,
.cancel-renewal-modal .action--secondary,
.cancel-renewal-modal .action--third,
.cancel-renewal-modal .action--danger {
    float: none;
    display: inline-block;
    margin-left: 33%
}

@media (min-width: 0px) and (max-width: 650px) {

    .cancel-renewal-modal .action,
    .cancel-renewal-modal .action--secondary,
    .cancel-renewal-modal .action--third,
    .cancel-renewal-modal .action--danger {
        margin-left: unset;
        width: 100%
    }
}

.cancel-renewal-modal a {
    font-weight: 300
}

.cancel-renewal-modal .container-centered .checkmark-cle {
    list-style: none;
    margin: 40px 0;
    padding: 0
}

.cancel-renewal-modal .container-centered .checkmark-cle li {
    font-size: 20px;
    font-weight: 400;
    padding: 0;
    padding-left: 30px;
    margin: 2% 14%;
    background: url("//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/common/checkmark-icon-blue.svg") left center no-repeat;
    background-size: 20px
}

@media (min-width: 0px) and (max-width: 650px) {
    .cancel-renewal-modal .container-centered .checkmark-cle li {
        font-size: 16px;
        width: 100%;
        margin: 22px auto
    }
}

.cancel-renewal-modal .container-centered .checkmark-cpe {
    list-style: none;
    margin: 40px 0;
    padding: 0
}

.cancel-renewal-modal .container-centered .checkmark-cpe li {
    font-size: 20px;
    font-weight: 400;
    padding: 0;
    padding-left: 30px;
    margin: 2% 14%;
    background: url("//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/common/checkmark-icon-green.svg") left center no-repeat;
    background-size: 20px
}

@media (min-width: 0px) and (max-width: 650px) {
    .cancel-renewal-modal .container-centered .checkmark-cpe li {
        font-size: 16px;
        width: 100%;
        margin: 22px auto
    }
}

.cancel-renewal-modal .container-centered p {
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    margin: 0 18% 40px 13%
}

@media (min-width: 0px) and (max-width: 650px) {
    .cancel-renewal-modal .container-centered p {
        font-size: 15px;
        width: 100%;
        margin: auto;
        margin-bottom: 30px
    }
}

.cancel-renewal-modal #cancel-link {
    color: #979797;
    text-decoration: underline;
    display: table;
    margin: auto;
    margin-top: 25px;
    font-size: 15px;
    font-weight: 400
}

.cancel-renewal-modal .expiration-message {
    color: #979797;
    font-style: italic !important;
    font-size: 15px !important;
    margin-top: 10px !important
}

catalog-list {
    display: block;
    margin-top: 20px
}

catalog-list:after {
    content: "";
    display: table;
    clear: both
}

catalog-list .products-container {
    padding-bottom: 50px;
    float: left;
    width: 100%;
    position: relative
}

catalog-list .products-container:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 0px) and (max-width: 650px) {

    catalog-list .products-container .animate-items,
    catalog-list .products-container .card {
        float: none;
        margin: 5px auto
    }
}

catalog-list .products-container .animate-items.loading,
catalog-list .products-container .card.loading {
    opacity: 0.3
}

catalog-list .products-container .card--course {
    float: left;
    margin: 0 10px 20px 10px
}

catalog-list .products-container .card--course:first-child {
    margin-left: 0
}

catalog-list .products-container>loader {
    position: absolute;
    left: 43%;
    bottom: -40px
}

.container--catalog {
    width: 100%;
    z-index: 0
}

.container--catalog popout li {
    padding: 10px 30px
}

.container--catalog .live-stream-course-center-open {
    display: none
}

.container filter-panel,
.container--body filter-panel,
.container--catalog filter-panel,
.section .container--centered filter-panel {
    transition: transform 0.5s
}

.container filter-panel.is-visible,
.container--body filter-panel.is-visible,
.container--catalog filter-panel.is-visible,
.section .container--centered filter-panel.is-visible {
    transform: translate(0)
}

@media (min-width: 0px) and (max-width: 650px) {

    .container filter-panel,
    .container--body filter-panel,
    .container--catalog filter-panel,
    .section .container--centered filter-panel {
        transform: translate(-100%);
        position: absolute
    }
}

.container .filter-trigger,
.container--body .filter-trigger,
.container--catalog .filter-trigger,
.section .container--centered .filter-trigger {
    border-radius: 3px;
    padding: 12px 20px;
    float: left;
    margin-right: 20px;
    cursor: pointer;
    display: none
}

@media (min-width: 0px) and (max-width: 650px) {

    .container .filter-trigger,
    .container--body .filter-trigger,
    .container--catalog .filter-trigger,
    .section .container--centered .filter-trigger {
        display: block
    }
}

@media (min-width: 0px) and (max-width: 650px) {

    .container .filter-trigger,
    .container--body .filter-trigger,
    .container--catalog .filter-trigger,
    .section .container--centered .filter-trigger {
        display: block
    }
}

.container .filter-trigger img,
.container--body .filter-trigger img,
.container--catalog .filter-trigger img,
.section .container--centered .filter-trigger img {
    width: 15px;
    height: 15px;
    margin-left: 10px;
    position: relative;
    top: 3px
}

.container--main {
    float: right;
    width: calc(100% - 300px);
    padding: 50px 15px;
    transition: all 0.5s
}

.container--main:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 0px) and (max-width: 650px) {
    .container--main {
        width: 100%;
        min-height: 1300px
    }
}

.container--main.filter-is-visible {
    width: calc(100% - 300px)
}

@media (min-width: 0px) and (max-width: 650px) {
    .container--main.filter-is-visible {
        transform: translate(300px, 0);
        width: 100%
    }
}

.container--main .input--main {
    height: 50px;
    font-size: 18px;
    padding: 30px 60px;
    font-weight: 300;
    margin-bottom: 50px
}

@media (min-width: 0px) and (max-width: 650px) {

    .container--main .curriculum-card,
    .container--main .bundle-card {
        margin: 20px auto
    }
}

.container--main .search-indicator {
    font-weight: 300;
    font-size: 16px;
    float: left
}

.container--main .search-indicator span {
    font-weight: 600;
    color: #2D7ABF
}

.container--main sort-menu .popup-dropdown popout li {
    text-align: left;
    padding: 10px 20px !important
}

.container--main .sort {
    float: right;
    margin-top: -10px
}

.container--main .sort h3 {
    float: left
}

.container--main .sort img {
    float: left;
    padding-top: 5px;
    margin-left: 10px
}

.container--main results-count {
    float: left;
    padding-top: 6px;
    margin-bottom: 20px
}

@media (min-width: 0px) and (max-width: 650px) {
    .container--main results-count {
        width: 100%;
        text-align: center;
        margin-top: 20px
    }
}

.container--main results-count p {
    font-size: 20px
}

@media (min-width: 0px) and (max-width: 650px) {
    .container--main results-count p {
        font-size: 18px
    }
}

.container--main .active-filters {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.container--main .active-filter {
    float: left;
    margin: 5px 20px;
    font-weight: 300;
    font-size: 18px
}

@media (min-width: 0px) and (max-width: 650px) {
    .container--main .active-filter {
        margin: 5px 10px;
        font-size: 15px
    }
}

.container--main .active-filter:first-child {
    margin-left: 0px
}

.container--main .active-filter img {
    margin-left: 5px;
    position: relative;
    top: 3px;
    width: 18px;
    height: 18px;
    cursor: pointer
}

@media (min-width: 0px) and (max-width: 650px) {
    .container--main .active-filter img {
        width: 16px;
        height: 16px;
        margin-left: 0
    }
}

.container .main-searchbar,
.container--body .main-searchbar,
.container--catalog .main-searchbar,
.section .container--centered .main-searchbar {
    height: 50px;
    padding: 15px 30px 15px 50px;
    font-weight: 300;
    font-size: 20px;
    background: url("//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/catalog/magnifying-glass.svg") no-repeat 15px center rgba(255, 255, 255, 0.05);
    background-size: 22px;
    margin-bottom: 30px;
    width: 100%
}

checklist {
    display: block
}

checklist>div {
    max-height: 255px;
    overflow-y: auto
}

checklist>div div {
    width: 100%;
    float: left;
    margin-bottom: 0px
}

checklist>div div.child {
    padding-left: 25px
}

checklist>div div label {
    float: left;
    font-weight: 300;
    color: #505050;
    font-size: 12px;
    cursor: pointer;
    margin-bottom: 0
}

checklist>div div input[type="checkbox"] {
    position: relative;
    top: -2px
}

dropdown-search {
    display: block;
    position: relative;
    height: 100%
}

dropdown-search input {
    margin-bottom: 10px;
    background: url("//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/catalog/magnifying-glass.svg") no-repeat 8px center rgba(255, 255, 255, 0.05);
    background-size: 12px;
    padding: 7px 25px 5px 25px;
    font-size: 12px;
    width: 100%
}

dropdown-search .autocomplete-container {
    background: white;
    width: 100%;
    position: absolute;
    top: 24px;
    left: 0;
    padding: 0;
    z-index: 1000
}

dropdown-search .autocomplete-container li {
    font-size: 14px;
    color: rgba(39, 39, 39, 0.4);
    width: 100%;
    padding: 4% 8%;
    cursor: pointer;
    list-style-type: none
}

dropdown-search .autocomplete-container li:last-child {
    margin-bottom: 0
}

dropdown-search .autocomplete-container li.soft-selected {
    background: #D8D8D8
}

filter-panel {
    display: block;
    float: left;
    width: 275px;
    padding: 50px 25px;
    background: white;
    z-index: 9
}

filter-panel:after {
    content: "";
    display: table;
    clear: both
}

filter-panel .loader {
    margin: 0 auto
}

filter-panel .filter-trigger {
    width: 100%;
    background: #2D7ABF;
    color: white;
    font-size: 14px;
    text-align: center;
    position: relative;
    top: -25px;
    margin-bottom: 0 !important
}

filter-panel .filter-trigger.bottom {
    top: 0
}

filter-panel h2 {
    float: left;
    font-size: 14px;
    margin-bottom: 10px
}

filter-panel h4 {
    float: right;
    text-transform: uppercase;
    font-size: 9px;
    padding-top: 5px;
    cursor: pointer;
    font-weight: 300;
    margin-top: 0 !important
}

filter-panel h4 a {
    color: #979797
}

filter-panel .back-to-top {
    border-radius: 3px;
    padding: 10px 20px;
    cursor: pointer;
    width: 155px;
    position: fixed;
    bottom: 50px;
    left: 5%;
    background: white;
    z-index: 99
}

filter-panel .back-to-top.ng-hide-remove,
filter-panel .back-to-top.ng-hide-remove-active,
filter-panel .back-to-top.ng-hide-add,
filter-panel .back-to-top.ng-hide-add-active {
    transition: 0.2s ease-in-out all
}

filter-panel .back-to-top.ng-hide-remove {
    opacity: 0;
    bottom: 30px
}

filter-panel .back-to-top.ng-hide-remove.ng-hide-remove-active {
    opacity: 1;
    bottom: 50px
}

filter-panel .back-to-top.ng-hide-add {
    opacity: 1;
    bottom: 50px
}

filter-panel .back-to-top.ng-hide-add.ng-hide-add-active {
    opacity: 0;
    bottom: 30px
}

filter-panel .back-to-top:after {
    content: "";
    display: table;
    clear: both
}

filter-panel .back-to-top h3 {
    float: left;
    font-size: 16px;
    font-weight: 400
}

filter-panel .back-to-top img {
    float: left;
    padding-top: 5px;
    margin-top: 3px;
    margin-left: 10px;
    transform: rotate(180deg)
}

.autocomplete-container li {
    color: rgba(39, 39, 39, 0.4)
}

searchable-filter {
    display: block;
    float: left;
    border-top: 1px solid #979797
}

searchable-filter:after {
    content: "";
    display: table;
    clear: both
}

searchable-filter+filter-subsection {
    border-top: 1px solid #979797
}

searchable-filter+searchable-filter {
    border-top: 1px solid #979797
}

filter-subsection {
    display: block;
    float: left;
    width: 100%;
    padding: 15px 0
}

filter-subsection:after {
    content: "";
    display: table;
    clear: both
}

filter-subsection+filter-subsection {
    border-top: 1px solid #979797
}

filter-subsection+searchable-filter {
    border-top: 1px solid #979797
}

filter-subsection h2 {
    float: left;
    margin-bottom: 5px;
    font-size: 14px;
    text-align: left
}

filter-subsection .subsection--title {
    width: 100%;
    height: auto;
    cursor: pointer
}

filter-subsection .subsection--title:after {
    content: "";
    display: table;
    clear: both
}

filter-subsection .subsection--title .carat {
    margin-right: 10px;
    margin-top: 4px;
    margin-bottom: 15px;
    transition: 0.5s transform ease-in-out
}

filter-subsection .subsection--title.collapsed {
    margin-bottom: 0
}

filter-subsection .subsection--title.collapsed .carat {
    transform: rotate(-90deg);
    transition: 0.5s transform ease-in-out
}

filter-subsection .subsection--content {
    transition: 0.5s max-height ease-in-out;
    overflow: hidden
}

filter-subsection .subsection--content.collapsed {
    max-height: 0
}

filter-subsection.credit-state checklist>div {
    max-height: 117px
}

.container--catalog .breadcrumbs {
    display: block;
    padding: 0 20px 0 0;
    margin: 0;
    list-style-type: none
}

.container--catalog .breadcrumbs li {
    float: left;
    padding: 0;
    text-transform: uppercase;
    font-weight: 900;
    font-style: italic;
    font-size: 10px
}

.container--catalog .breadcrumbs li a {
    cursor: pointer
}

.container--catalog .breadcrumbs li+li {
    margin-left: 10px
}

.container--catalog .breadcrumbs li+li:before {
    content: ">";
    padding-right: 10px;
    font-weight: 300
}

.container--catalog .bundles-margin {
    margin: 20px
}

.section {
    float: left;
    width: 100%;
    padding: 50px 0
}

.section hr {
    border: 1px solid #272727;
    width: 225px;
    margin: 0 auto
}

.section h2 {
    font-size: 48px;
    font-style: italic;
    font-weight: 900;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 7.2px
}

@media (min-width: 0px) and (max-width: 650px) {
    .section h2 {
        font-size: 30px;
        letter-spacing: 0;
        margin-bottom: 50px
    }
}

.section h2+h3 {
    margin-top: 50px
}

.section h3 {
    font-size: 36px;
    font-weight: 900;
    text-transform: uppercase
}

@media (min-width: 0px) and (max-width: 650px) {
    .section h3 {
        font-size: 24px
    }
}

.section.alternate {
    background: #f5f5f5
}

.section .container,
.section .container--body,
.section .container--catalog,
.section .container--centered {
    max-width: 1200px;
    width: 75%;
    margin: 0 auto
}

@media (min-width: 0px) and (max-width: 650px) {

    .section .container,
    .section .container--body,
    .section .container--catalog,
    .section .container--centered {
        width: 90%
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .section .container,
    .section .container--body,
    .section .container--catalog,
    .section .container--centered {
        width: 90%
    }
}

.section .container>p,
.section .container--body>p,
.section .container--catalog>p,
.section .container--centered>p {
    text-align: center
}

.section .container>h3,
.section .container--body>h3,
.section .container--catalog>h3,
.section .container--centered>h3 {
    text-align: center;
    font-style: italic;
    font-weight: 900
}

.section .container--full {
    width: 100%;
    max-width: 100%
}

.section .container--full.horizontal-scroll {
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 30px;
    -ms-overflow-style: none
}

@media (min-width: 0px) and (max-width: 650px) {
    .section .container--full.horizontal-scroll {
        padding: 0
    }
}

.section .container--full.horizontal-scroll.tall {
    height: 530px
}

.section .container--full.horizontal-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
    height: 7px
}

.section .container--full.horizontal-scroll card-faculty .faculty {
    padding: 0;
    width: inherit
}

.section .container--full.horizontal-scroll h2 {
    font-style: normal;
    text-align: initial;
    text-transform: none;
    letter-spacing: normal
}

.section .container--full.horizontal-scroll card-button .action,
.section .container--full.horizontal-scroll card-button .action--secondary,
.section .container--full.horizontal-scroll card-button .action--third,
.section .container--full.horizontal-scroll card-button .action--danger {
    text-transform: none;
    letter-spacing: normal
}

.section .container--full.horizontal-scroll card-price h2 {
    font-size: 24px
}

.section .container--centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 0px) and (max-width: 650px) {
    .section .container--centered {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.section .container--centered .action,
.section .container--centered .action--secondary,
.section .container--centered .action--third,
.section .container--centered .action--danger {
    margin: 0 10px
}

@media (min-width: 0px) and (max-width: 650px) {

    .section .container--centered .action,
    .section .container--centered .action--secondary,
    .section .container--centered .action--third,
    .section .container--centered .action--danger {
        margin-top: 25px
    }
}

.section .container.collection,
.section .collection.container--body,
.section .collection.container--catalog,
.section .collection.container--centered {
    margin-top: 50px
}

.section .column,
.section .column--third,
.section .column--half,
.section .column--split {
    float: left
}

.section .column img,
.section .column--third img,
.section .column--half img,
.section .column--split img {
    width: 100%
}

.section .column--third {
    width: 33%;
    padding: 1.5%;
    margin-top: 100px
}

@media (min-width: 0px) and (max-width: 650px) {
    .section .column--third {
        width: 100%;
        margin-top: 50px
    }
}

.section .column--half {
    width: 50%;
    padding: 5%
}

@media (min-width: 0px) and (max-width: 650px) {
    .section .column--half {
        width: 100%
    }
}

.section .column--half .card-container {
    text-align: left
}

.section .column--split {
    width: 100%;
    column-count: 3
}

@media (min-width: 0px) and (max-width: 650px) {
    .section .column--split {
        column-count: 1
    }
}

.section .column--split span {
    display: block;
    width: 100%;
    background: #D4D4D4;
    padding: 20px;
    border-radius: 3px;
    text-align: center;
    color: #272727;
    margin: 5px 0;
    cursor: pointer;
    float: left;
    transition: background 0.2s
}

.section .column--split span:hover {
    background: #2D7ABF;
    color: white
}

.section .row,
.section .state-seo-new .row--centered,
.state-seo-new .section .row--centered {
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section .row img,
.section .state-seo-new .row--centered img,
.state-seo-new .section .row--centered img {
    width: auto
}

.section .card-container {
    border: 1px solid rgba(39, 39, 39, 0.1);
    padding: 40px;
    border-radius: 3px;
    background: white;
    box-shadow: none;
    text-align: center;
    transition: all 0.2s ease-in-out
}

@media (min-width: 0px) and (max-width: 650px) {
    .section .card-container {
        padding: 20px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .section .card-container {
        padding: 20px
    }
}

.section .card-container:hover {
    box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(39, 39, 39, 0)
}

.section .card-container h3 {
    color: #2D7ABF;
    text-transform: uppercase;
    font-size: 18px
}

.section .card-container h4 {
    color: #272727;
    text-transform: uppercase;
    font-size: 18px;
    margin: 20px 0
}

.section .card-container p {
    margin: 20px 0 40px 0
}

@media (min-width: 0px) and (max-width: 650px) {
    .section .card-container p {
        margin: 20px 0
    }
}

.section .card-container span.tab {
    padding: 5px 10px;
    color: white;
    font-size: 12px;
    background: #2D7ABF;
    text-transform: uppercase;
    border-radius: 3px
}

.section .card-container.callout {
    border: 1px solid #2D7ABF;
    padding: 80px 40px;
    position: relative;
    top: -40px
}

.section .card-container.callout .action,
.section .card-container.callout .action--secondary,
.section .card-container.callout .action--third,
.section .card-container.callout .action--danger {
    background-color: #F49E1E;
    border-bottom: 2px solid #A65A00
}

.section .card-container.callout .action a:hover,
.section .card-container.callout .action--secondary a:hover,
.section .card-container.callout .action--third a:hover,
.section .card-container.callout .action--danger a:hover {
    background-color: #A65A00
}

@media (min-width: 0px) and (max-width: 650px) {
    .section .card-container.callout {
        top: 0
    }
}

.section .card-container--header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 0px) and (max-width: 650px) {
    .section .card-container--header {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.section .card-container--header h3 {
    text-align: left;
    color: #272727;
    font-style: italic;
    font-weight: 900;
    font-size: 24px
}

.section .card-container--header p {
    margin: 10px 0;
    text-align: left
}

.section .card-container--header .action,
.section .card-container--header .action--secondary,
.section .card-container--header .action--third,
.section .card-container--header .action--danger {
    margin: 0 !important;
    margin-left: auto !important;
    margin-top: 0 !important
}

@media (min-width: 0px) and (max-width: 650px) {

    .section .card-container--header .action,
    .section .card-container--header .action--secondary,
    .section .card-container--header .action--third,
    .section .card-container--header .action--danger {
        margin: 0;
        margin-right: auto !important
    }
}

.section .card-container--header+.container--full.horizontal-scroll {
    padding: 0 0 20px 0
}

.section .card-container--header .card {
    margin-top: 0
}

.section .card-container .action,
.section .card-container .action--secondary,
.section .card-container .action--third,
.section .card-container .action--danger {
    margin: 0 auto;
    float: none;
    margin-top: 20px;
    text-transform: uppercase;
    letter-spacing: 1.8px
}

.section+.section {
    margin-top: 50px
}

@media (min-width: 0px) and (max-width: 650px) {
    .section+.section {
        margin-top: 80px
    }
}

.section.masthead {
    padding: 20px 0 0;
    position: relative;
    box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(39, 39, 39, 0);
    z-index: 110
}

.section.masthead:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 0px) and (max-width: 650px) {
    .section.masthead {
        margin-top: 0
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .section.masthead {
        margin-top: 0
    }
}

.section.masthead .row,
.section.masthead .state-seo-new .row--centered,
.state-seo-new .section.masthead .row--centered {
    width: 100%;
    height: auto;
    display: block
}

.section.masthead .container,
.section.masthead .container--body,
.section.masthead .container--catalog,
.section.masthead .container--centered {
    padding: 0px 25px
}

.section.subhead {
    padding: 25px 0px 0px 0px
}

.section.subhead div.product-description {
    padding-top: 10px;
    font-weight: 300;
    font-size: 14px
}

.section.subhead .breadcrumbs {
    width: auto;
    padding: 0
}

.courses .section.subhead div.product-description {
    padding-bottom: 20px
}

.container--catalog .container.full,
.container--catalog .full.container--body,
.container--catalog .full.container--catalog,
.container--catalog .section .full.container--centered,
.section .container--catalog .full.container--centered {
    width: 100%;
    max-width: 100%
}

.container--catalog .page-title {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 900;
    text-align: left;
    font-style: italic;
    margin: 10px auto 0px
}

@media (min-width: 900px) and (max-width: 1350px) {
    .container--catalog .page-title {
        max-width: 950px;
        margin-left: 0px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .container--catalog .page-title {
        max-width: 950px;
        margin-left: 0px
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    .container--catalog .page-title {
        font-size: 24px
    }
}

.container--catalog.search .page-title {
    width: auto;
    float: left;
    padding-right: 15px;
    margin-top: 0
}

@media (min-width: 0px) and (max-width: 650px) {
    .container--catalog.search .page-title {
        width: 100%;
        padding: 0
    }
}

.container.contact-us,
.contact-us.container--body,
.contact-us.container--catalog,
.section .contact-us.container--centered {
    background: url("//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/contact/contact-map.jpg");
    background-size: cover;
    background-position: center center;
    padding: 60px 0 100px 0
}

.container.contact-us+.footer,
.contact-us.container--body+.footer,
.contact-us.container--catalog+.footer,
.section .contact-us.container--centered+.footer {
    margin-top: 0
}

.container.contact-us .blocks,
.contact-us.container--body .blocks,
.contact-us.container--catalog .blocks,
.section .contact-us.container--centered .blocks {
    max-width: 900px;
    width: 90%;
    float: none;
    margin: 0 auto;
    border-radius: 3px 0 0 3px
}

.container.contact-us .blocks td,
.contact-us.container--body .blocks td,
.contact-us.container--catalog .blocks td,
.section .contact-us.container--centered .blocks td {
    padding: 0;
    vertical-align: top
}

.container.contact-us .blocks td:first-child,
.contact-us.container--body .blocks td:first-child,
.contact-us.container--catalog .blocks td:first-child,
.section .contact-us.container--centered .blocks td:first-child {
    border-radius: 3px 0 0 3px
}

.container.contact-us .blocks p,
.contact-us.container--body .blocks p,
.contact-us.container--catalog .blocks p,
.section .contact-us.container--centered .blocks p {
    color: white;
    font-size: 16px
}

.container.contact-us .blocks .right-block,
.contact-us.container--body .blocks .right-block,
.contact-us.container--catalog .blocks .right-block,
.section .contact-us.container--centered .blocks .right-block {
    margin: 0;
    padding: 60px;
    padding-top: 180px;
    background-color: rgba(255, 255, 255, 0.95);
    height: auto
}

@media (min-width: 0px) and (max-width: 650px) {

    .container.contact-us .blocks .right-block,
    .contact-us.container--body .blocks .right-block,
    .contact-us.container--catalog .blocks .right-block,
    .section .contact-us.container--centered .blocks .right-block {
        width: 100%;
        float: left;
        padding: 30px;
        padding-top: 30px;
        height: auto
    }
}

.container.contact-us .blocks .right-block h3,
.contact-us.container--body .blocks .right-block h3,
.contact-us.container--catalog .blocks .right-block h3,
.section .contact-us.container--centered .blocks .right-block h3 {
    font-weight: 300;
    font-size: 32px;
    margin-bottom: 30px
}

.container.contact-us .blocks .left-block,
.contact-us.container--body .blocks .left-block,
.contact-us.container--catalog .blocks .left-block,
.section .contact-us.container--centered .blocks .left-block {
    background-color: rgba(45, 122, 191, 0.95);
    padding: 60px;
    margin: 0;
    width: 265px;
    border-radius: 3px 0 0 3px
}

@media (min-width: 0px) and (max-width: 650px) {

    .container.contact-us .blocks .left-block,
    .contact-us.container--body .blocks .left-block,
    .contact-us.container--catalog .blocks .left-block,
    .section .contact-us.container--centered .blocks .left-block {
        width: 100%;
        float: left;
        border-radius: 0 0 3px 3px;
        padding: 30px
    }
}

.container.contact-us .blocks .left-block a,
.contact-us.container--body .blocks .left-block a,
.contact-us.container--catalog .blocks .left-block a,
.section .contact-us.container--centered .blocks .left-block a {
    font-weight: 300;
    color: white
}

.container.contact-us .blocks .left-block img,
.contact-us.container--body .blocks .left-block img,
.contact-us.container--catalog .blocks .left-block img,
.section .contact-us.container--centered .blocks .left-block img {
    padding-top: 5px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    width: 22px
}

.container.contact-us .blocks .left-block h4,
.contact-us.container--body .blocks .left-block h4,
.contact-us.container--catalog .blocks .left-block h4,
.section .contact-us.container--centered .blocks .left-block h4 {
    font-size: 12px;
    color: white;
    text-transform: uppercase;
    margin-top: 30px
}

.container.contact-us .blocks .left-block h4:first-child,
.contact-us.container--body .blocks .left-block h4:first-child,
.contact-us.container--catalog .blocks .left-block h4:first-child,
.section .contact-us.container--centered .blocks .left-block h4:first-child {
    margin-top: 0
}

.container.contact-us .blocks .left-block h4+p,
.contact-us.container--body .blocks .left-block h4+p,
.contact-us.container--catalog .blocks .left-block h4+p,
.section .contact-us.container--centered .blocks .left-block h4+p {
    margin-top: 5px
}

.container.contact-us .blocks .left-block h4+h5,
.contact-us.container--body .blocks .left-block h4+h5,
.contact-us.container--catalog .blocks .left-block h4+h5,
.section .contact-us.container--centered .blocks .left-block h4+h5 {
    margin-top: 5px
}

.container.contact-us h2,
.contact-us.container--body h2,
.contact-us.container--catalog h2,
.section .contact-us.container--centered h2 {
    text-align: center;
    font-weight: 300;
    color: white;
    font-size: 60px;
    margin-bottom: 30px
}

.active-subscription .notification-banner {
    background-color: #F4DEDF;
    color: #A44642;
    padding: 5px;
    margin-bottom: 20px
}

.active-subscription .bold {
    font-weight: 500
}

.active-subscription p {
    font-size: 15px
}

.active-subscription .action-container {
    text-align: center;
    padding: 30px 0
}

.active-subscription .action-container div.action,
.active-subscription .action-container div.action--secondary,
.active-subscription .action-container div.action--third,
.active-subscription .action-container div.action--danger {
    display: inline-block;
    float: none;
    width: 230px;
    padding: 0px;
    font-weight: 500
}

@media (min-width: 0px) and (max-width: 650px) {

    .active-subscription .action-container div.action,
    .active-subscription .action-container div.action--secondary,
    .active-subscription .action-container div.action--third,
    .active-subscription .action-container div.action--danger {
        margin-bottom: 15px;
        font-size: 15px
    }
}

.active-subscription .action-container div.action a:hover,
.active-subscription .action-container div.action--secondary a:hover,
.active-subscription .action-container div.action--third a:hover,
.active-subscription .action-container div.action--danger a:hover {
    color: white
}

.active-subscription__account-link {
    font-style: italic
}

.billing input {
    width: 100%
}

.billing .half-container .action,
.billing .half-container .action--secondary,
.billing .half-container .action--third,
.billing .half-container .action--danger {
    float: right;
    margin-top: 50px
}

@media (min-width: 0px) and (max-width: 650px) {

    .billing .half-container .action,
    .billing .half-container .action--secondary,
    .billing .half-container .action--third,
    .billing .half-container .action--danger {
        margin: 20px 0 50px;
        width: 100%
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .billing .half-container .action,
    .billing .half-container .action--secondary,
    .billing .half-container .action--third,
    .billing .half-container .action--danger {
        margin: 20px 0 50px;
        width: 100%
    }
}

@media (min-width: 900px) and (max-width: 1350px) {

    .billing .half-container .action,
    .billing .half-container .action--secondary,
    .billing .half-container .action--third,
    .billing .half-container .action--danger {
        margin: 20px 0 50px;
        width: 100%
    }
}

.checkout-container {
    width: 1160px;
    margin: 0 auto;
    margin-top: 60px
}

@media (min-width: 0px) and (max-width: 650px) {
    .checkout-container {
        width: 90%
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .checkout-container {
        width: 90%
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    .checkout-container {
        width: 90%
    }
}

.checkout-container #pay-with-credits-message {
    text-align: center;
    margin-bottom: 15px
}

.checkout-container .cart {
    width: 100%
}

@media (min-width: 0px) and (max-width: 650px) {
    .checkout-container .cart {
        margin-bottom: 250px
    }
}

.checkout-container .half {
    width: 45%;
    float: left
}

@media (min-width: 0px) and (max-width: 650px) {
    .checkout-container .half {
        width: 100%
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .checkout-container .half {
        width: 45%
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    .checkout-container .half {
        width: 45%
    }
}

.checkout-container .half .social-login {
    margin-top: 20px;
    display: inline-block
}

.checkout-container .half .social-login img {
    width: 20px;
    top: 4px;
    position: relative
}

.checkout-container .half+.half {
    float: right
}

@media (min-width: 0px) and (max-width: 650px) {
    .checkout-container .half+.half.create-account-wrapper {
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid #D8D8D8
    }
}

.checkout-container .row,
.checkout-container .state-seo-new .row--centered,
.state-seo-new .checkout-container .row--centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px
}

@media (min-width: 0px) and (max-width: 650px) {

    .checkout-container .row,
    .checkout-container .state-seo-new .row--centered,
    .state-seo-new .checkout-container .row--centered {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.checkout-container .row img,
.checkout-container .state-seo-new .row--centered img,
.state-seo-new .checkout-container .row--centered img {
    width: 150px
}

.checkout-container .half-container {
    margin: 0 auto;
    float: none;
    width: 100%
}

.checkout-container .half-container:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 0px) and (max-width: 650px) {
    .checkout-container .half-container {
        width: 100%
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .checkout-container .half-container {
        width: 100%
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    .checkout-container .half-container {
        width: 100%
    }
}

.checkout-container .half-container .header {
    border-bottom: 1px solid #D8D8D8;
    margin-bottom: 25px;
    padding-bottom: 25px;
    padding-top: 0
}

@media (min-width: 0px) and (max-width: 650px) {
    .checkout-container .half-container .header {
        text-align: center;
        padding: 0
    }
}

.checkout-container .half-container .header p {
    margin-top: 0
}

@media (min-width: 0px) and (max-width: 650px) {
    .checkout-container .half-container .header p {
        font-size: 12px;
        margin: 25px 0
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    .checkout-container .half-container .header .secured {
        margin: 20px 0;
        display: block
    }
}

.checkout-container .half-container .section-title {
    text-align: left;
    margin-bottom: 0
}

@media (min-width: 0px) and (max-width: 650px) {
    .checkout-container .half-container .section-title {
        text-align: center;
        font-size: 18px
    }
}

.checkout-container .half-container .section-title.register-title {
    text-align: center
}

.checkout-container .half-container .section-title.register-trial-title {
    font-size: 18px;
    font-weight: bold;
    text-align: center
}

.checkout-container .half-container .section-subtitle {
    text-align: left;
    margin-top: -10px;
    margin-bottom: 20px;
    font-size: 18px
}

@media (min-width: 0px) and (max-width: 650px) {
    .checkout-container .half-container .section-subtitle {
        font-size: 12px
    }
}

.checkout-container .half-container .section-subtitle.register-subtitle {
    text-align: center
}

.checkout-container .half-container .section-subtitle.register-trial-subtitle {
    font-size: 14px;
    text-align: center
}

.checkout-container .half-container .header-text {
    font-style: italic;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 12px;
    margin-left: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.checkout-container .half-container .header-text img {
    width: 25px;
    margin-right: 10px
}

@media (min-width: 0px) and (max-width: 650px) {
    .checkout-container .half-container .header-text {
        margin-left: 0;
        margin-top: 10px
    }
}

.checkout-container .half-container.outlined {
    border: 1px solid rgba(39, 39, 39, 0.1);
    box-shadow: none;
    border-radius: 3px;
    padding: 50px;
    transition: all 0.2s ease-in-out;
    margin-bottom: 30px
}

@media (min-width: 0px) and (max-width: 650px) {
    .checkout-container .half-container.outlined {
        padding: 25px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .checkout-container .half-container.outlined {
        padding: 25px
    }
}

.checkout-container .half-container.outlined:hover {
    box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(39, 39, 39, 0)
}

.checkout-container .half-container.outlined button {
    margin-left: auto;
    padding: 10px 50px;
    margin: 0;
    float: right;
    width: 100%
}

.checkout-container .half-container.outlined .alternate-action {
    float: left
}

@media (min-width: 0px) and (max-width: 650px) {
    .checkout-container .half-container.outlined .alternate-action {
        float: right;
        width: 100%;
        text-align: center
    }
}

.checkout-container .page-title {
    margin: 30px 0
}

.checkout-container .checkout-instructions {
    font-weight: 300
}

.checkout-container .checkout-subinstructions {
    font-weight: 300;
    font-size: 18px
}

@media (min-width: 0px) and (max-width: 650px) {
    .checkout-container .checkout-subinstructions {
        font-size: 14px
    }
}

.checkout-container .secured {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #2D7ABF;
    font-weight: 900;
    text-transform: uppercase;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 20px
}

.checkout-container .secured img {
    width: 30px;
    margin-right: 10px
}

@media (min-width: 0px) and (max-width: 650px) {
    .checkout-container .secured img {
        vertical-align: middle
    }
}

.checkout-container .discount-applied {
    color: #2DBF41;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    margin-top: 20px
}

.checkout-container .discount-applied img {
    width: 30px;
    margin-right: 10px
}

.checkout-container .checkout-progress {
    width: 100%;
    height: 52px;
    border: 1px solid #979797;
    border-radius: 3px;
    margin-bottom: 30px
}

@media (min-width: 0px) and (max-width: 650px) {
    .checkout-container .half-container {
        width: 100%;
        padding: 10px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .checkout-container .half-container {
        width: 100%;
        padding: 10px
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    .checkout-container .half-container .one-third {
        width: 100%
    }
}

.checkout-container .actions {
    display: block;
    text-align: center
}

.checkout-container .actions:after {
    content: "";
    display: table;
    clear: both
}

.checkout-container .actions.inactive:hover {
    background: rgba(45, 122, 191, 0.5)
}

.checkout-container .actions[disabled="disabled"]:hover {
    background: rgba(45, 122, 191, 0.5)
}

.checkout-container table {
    float: none;
    margin-top: 30px
}

.checkout-container .action,
.checkout-container .action--secondary,
.checkout-container .action--third,
.checkout-container .action--danger {
    margin: 0 auto;
    width: 350px;
    font-size: 20px;
    padding: 20px;
    float: none;
    transition: background 0.2s
}

@media (min-width: 0px) and (max-width: 650px) {

    .checkout-container .action,
    .checkout-container .action--secondary,
    .checkout-container .action--third,
    .checkout-container .action--danger {
        width: 100%
    }
}

.checkout-container .action:hover,
.checkout-container .action--secondary:hover,
.checkout-container .action--third:hover,
.checkout-container .action--danger:hover {
    background: #2D7ABF
}

.checkout-container .action.inactive:hover,
.checkout-container .inactive.action--secondary:hover,
.checkout-container .inactive.action--third:hover,
.checkout-container .inactive.action--danger:hover {
    background: rgba(26, 69, 108, 0.5)
}

.checkout-container .action[disabled="disabled"]:hover,
.checkout-container [disabled="disabled"].action--secondary:hover,
.checkout-container [disabled="disabled"].action--third:hover,
.checkout-container [disabled="disabled"].action--danger:hover {
    background: rgba(26, 69, 108, 0.5);
    cursor: not-allowed
}

.checkout-container .action.medium,
.checkout-container .medium.action--secondary,
.checkout-container .medium.action--third,
.checkout-container .medium.action--danger {
    width: 250px;
    display: inline;
    font-size: 16px;
    margin: 0 10px
}

.checkout-container .error,
.checkout-container input.error--major {
    color: #BF392D;
    font-weight: 300;
    text-align: center;
    margin-top: 10px;
    font-size: 12px
}

.checkout-container .subtext {
    display: block;
    color: #979797;
    font-size: 14px;
    margin-top: 10px
}

.checkout-container .products {
    width: 60%;
    float: left
}

@media (min-width: 0px) and (max-width: 650px) {
    .checkout-container .products {
        width: 100%
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .checkout-container .products {
        width: 100%
    }
}

.checkout-container .products .product {
    border: 1px solid rgba(39, 39, 39, 0.1);
    border-radius: 3px;
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    text-align: left
}

.checkout-container .products .product h3 {
    font-size: 18px;
    font-weight: 300
}

.checkout-container .products .product .details {
    width: 80%
}

.checkout-container .products .product .price-wrapper {
    width: 20%;
    text-align: center
}

.checkout-container .products .product .price {
    color: #2D7ABF;
    margin: 0
}

.checkout-container .products .product .remove {
    cursor: pointer;
    color: #979797;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase
}

.checkout-container .products .product+.product {
    margin-top: 20px
}

.checkout-container .summary {
    width: 35%;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    float: right
}

.checkout-container .summary .discount-code {
    float: left;
    padding-top: 20px
}

@media (min-width: 650px) and (max-width: 900px) {
    .checkout-container .summary .discount-code {
        width: 100%;
        text-align: center
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    .checkout-container .summary .discount-code input {
        width: 100%
    }
}

.checkout-container .summary .discount-code label {
    top: 0
}

.checkout-container .summary .discount-code a {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    display: block;
    text-align: right;
    margin-top: 5px
}

@media (min-width: 0px) and (max-width: 650px) {
    .checkout-container .summary .discount-code a {
        display: block;
        text-align: right
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .checkout-container .summary .discount-code a {
        display: inline;
        margin-left: 20px;
        text-align: center
    }
}

.checkout-container .summary .discount-code .error,
.checkout-container .summary .discount-code input.error--major {
    color: #BF392D;
    font-weight: 300;
    font-size: 12px;
    float: right
}

@media (min-width: 0px) and (max-width: 650px) {

    .checkout-container .summary .discount-code .error,
    .checkout-container .summary .discount-code input.error--major {
        float: left;
        display: inline;
        text-align: center;
        padding: 10px 0
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .checkout-container .summary .discount-code .error,
    .checkout-container .summary .discount-code input.error--major {
        display: block;
        float: none;
        text-align: center;
        margin-top: 10px
    }
}

.checkout-container .summary .totaled-price {
    width: auto;
    text-align: right;
    margin: 0 auto;
    float: right
}

.checkout-container .summary .totaled-price:after {
    content: "";
    display: table;
    clear: both
}

.checkout-container .summary .totaled-price .price {
    font-size: 60px;
    font-weight: 300
}

@media (min-width: 0px) and (max-width: 650px) {
    .checkout-container .summary .totaled-price .price {
        font-size: 34px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .checkout-container .summary .totaled-price {
        float: none;
        display: block;
        text-align: center !important;
        margin: 40px auto
    }
}

.checkout-container .summary label {
    text-transform: uppercase;
    color: #979797;
    font-size: 13px;
    margin-right: 20px;
    font-weight: bold;
    position: relative;
    display: inline-block
}

@media (min-width: 0px) and (max-width: 650px) {
    .checkout-container .summary {
        bottom: 0;
        background: white;
        left: 0;
        width: 100%;
        z-index: 999;
        padding: 25px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .checkout-container .summary {
        width: 100%;
        margin-top: 25px
    }
}

.checkout-container .summary .action,
.checkout-container .summary .action--secondary,
.checkout-container .summary .action--third,
.checkout-container .summary .action--danger {
    margin-top: 25px;
    width: 100%
}

.checkout-container .empty .section-title {
    text-align: center
}

.checkout-container .empty .action-row {
    padding-top: 35px
}

.checkout-container .empty .action-row .action,
.checkout-container .empty .action-row .action--secondary,
.checkout-container .empty .action-row .action--third,
.checkout-container .empty .action-row .action--danger {
    display: inline-block;
    padding: 0px;
    width: auto
}

.checkout-container .empty .action-row .action a,
.checkout-container .empty .action-row .action--secondary a,
.checkout-container .empty .action-row .action--third a,
.checkout-container .empty .action-row .action--danger a {
    padding: 20px
}

.checkout-container .empty .action-row .action a:hover,
.checkout-container .empty .action-row .action--secondary a:hover,
.checkout-container .empty .action-row .action--third a:hover,
.checkout-container .empty .action-row .action--danger a:hover {
    color: #FFFFFF
}

.checkout-container .empty .action-row .action+.action,
.checkout-container .empty .action-row .action--secondary+.action,
.checkout-container .empty .action-row .action--third+.action,
.checkout-container .empty .action-row .action--danger+.action,
.checkout-container .empty .action-row .action+.action--secondary,
.checkout-container .empty .action-row .action--secondary+.action--secondary,
.checkout-container .empty .action-row .action--third+.action--secondary,
.checkout-container .empty .action-row .action--danger+.action--secondary,
.checkout-container .empty .action-row .action+.action--third,
.checkout-container .empty .action-row .action--secondary+.action--third,
.checkout-container .empty .action-row .action--third+.action--third,
.checkout-container .empty .action-row .action--danger+.action--third,
.checkout-container .empty .action-row .action+.action--danger,
.checkout-container .empty .action-row .action--secondary+.action--danger,
.checkout-container .empty .action-row .action--third+.action--danger,
.checkout-container .empty .action-row .action--danger+.action--danger {
    margin: 0 auto;
    margin-left: 30px
}

.checkout-container .discount {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 300;
    margin-bottom: 25px;
    background: #f5f5f5;
    padding: 15px;
    border-radius: 3px
}

.checkout-container .secondary-action {
    margin-top: 25px;
    font-weight: 300;
    float: left;
    width: 100%;
    color: #979797
}

.checkout-container .ui.basic.red.label {
    float: left
}

.checkout-container .upgrade-cta {
    clear: both;
    display: inline-block;
    margin-top: 40px
}

@media (min-width: 0px) and (max-width: 650px) {
    .checkout-container .upgrade-cta {
        width: 100%
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .checkout-container .upgrade-cta {
        width: 100%
    }
}

.checkout-container .upgrade-cta popout {
    padding: 20px;
    background-color: #EAEAEA;
    border: none
}

.checkout-container .upgrade-cta popout h4 {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700
}

.checkout-container .upgrade-cta popout p {
    font-weight: 400
}

.checkout-container .upgrade-cta popout::before {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #EAEAEA;
    border-bottom-color: #EAEAEA;
    transform: rotate(180deg);
    top: auto;
    bottom: -9px
}

.checkout-container .upgrade-cta popout::after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #EAEAEA;
    transform: rotate(180deg);
    top: auto;
    bottom: -8px
}

.checkout-container .upgrade-cta .action,
.checkout-container .upgrade-cta .action--secondary,
.checkout-container .upgrade-cta .action--third,
.checkout-container .upgrade-cta .action--danger {
    padding: 0px
}

.checkout-container .upgrade-cta .action a,
.checkout-container .upgrade-cta .action--secondary a,
.checkout-container .upgrade-cta .action--third a,
.checkout-container .upgrade-cta .action--danger a {
    font-size: 18px;
    padding: 20px;
    background-color: #F49E1E
}

.checkout-container .upgrade-cta .action a:hover,
.checkout-container .upgrade-cta .action--secondary a:hover,
.checkout-container .upgrade-cta .action--third a:hover,
.checkout-container .upgrade-cta .action--danger a:hover {
    background-color: #A65A00;
    color: white
}

.course-selection .products-table {
    width: 75%;
    margin: 30px auto;
    margin-bottom: 30px
}

.course-selection .actions {
    width: 540px;
    margin: 0 auto
}

.course-selection .actions:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 0px) and (max-width: 650px) {
    .course-selection .actions {
        width: 100%;
        display: block
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    .course-selection .actions .medium {
        display: block;
        margin-bottom: 10px
    }
}

.course-selection form {
    margin-top: 20px
}

.course-selection form input {
    margin-right: 10px;
    font-size: 18px;
    float: left
}

.course-selection form span {
    display: block;
    padding-left: 30px
}

.payment .new-card-terms {
    margin-top: 20px !important
}

.payment input {
    width: 100%
}

.payment select {
    height: 38px
}

.payment .half-container {
    text-align: left
}

.payment .half-container .action,
.payment .half-container .action--secondary,
.payment .half-container .action--third,
.payment .half-container .action--danger {
    float: right;
    margin-top: 30px;
    -webkit-appearance: none
}

@media (min-width: 0px) and (max-width: 650px) {

    .payment .half-container .action,
    .payment .half-container .action--secondary,
    .payment .half-container .action--third,
    .payment .half-container .action--danger {
        margin: 20px 0 50px;
        width: 100%
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .payment .half-container .action,
    .payment .half-container .action--secondary,
    .payment .half-container .action--third,
    .payment .half-container .action--danger {
        margin: 20px 0 50px;
        width: 100%
    }
}

@media (min-width: 900px) and (max-width: 1350px) {

    .payment .half-container .action,
    .payment .half-container .action--secondary,
    .payment .half-container .action--third,
    .payment .half-container .action--danger {
        margin: 20px 0 50px;
        width: 100%
    }
}

.payment .error,
.payment input.error--major {
    font-weight: 300;
    font-size: 14px;
    background-color: #BF392D;
    padding: 20px;
    border-radius: 3px;
    color: white;
    display: block;
    float: none;
    text-align: center;
    clear: both;
    line-height: 1.25em
}

.payment .container-tabs {
    border-bottom: 1px solid #979797;
    margin-bottom: 60px
}

.payment .tabs {
    width: 100%;
    border-bottom: 1px solid #979797;
    margin: 0 auto;
    float: none
}

.payment .tabs:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 0px) and (max-width: 650px) {
    .payment .tabs {
        font-size: 10px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .payment .tabs {
        font-size: 15px
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    .payment .tabs {
        font-size: 13px
    }
}

.payment .tabs li {
    position: relative;
    top: 1px
}

.payment .tab-content {
    padding: 30px
}

@media (min-width: 0px) and (max-width: 650px) {
    .payment .tab-content {
        padding: 30px 0
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .payment .tab-content {
        padding: 30px 0
    }
}

.payment input[type="checkbox"],
.payment input[type="radio"] {
    width: auto
}

@media (min-width: 0px) and (max-width: 650px) {

    .payment input[type="checkbox"],
    .payment input[type="radio"] {
        height: 25px
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .payment input[type="checkbox"],
    .payment input[type="radio"] {
        height: 25px
    }
}

.payment p+form {
    margin-top: 20px
}

.payment address-fields .half+.half {
    float: left
}

.payment .field,
.payment .field--shortened {
    position: relative;
    margin-top: 0
}

.payment .field.half,
.payment .half.field--shortened {
    margin-right: 6%
}

.payment .field.half:nth-child(even),
.payment .half.field--shortened:nth-child(even) {
    margin-right: 0
}

.payment .field.one-third,
.payment .one-third.field--shortened {
    margin-right: 5%
}

.payment .field.one-third.cvc,
.payment .one-third.cvc.field--shortened {
    margin-right: 0
}

.payment .chosen-cc-dropdown {
    margin-bottom: 40px
}

.payment .card-type {
    position: absolute;
    width: 45px;
    top: 22px;
    right: 15px
}

.payment .checkout-cart .header {
    border-bottom: none;
    padding-bottom: 0
}

@media (min-width: 0px) and (max-width: 650px) {
    .payment .checkout-cart .header {
        text-align: center
    }

    .payment .checkout-cart .header h2 {
        float: none !important
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .payment .checkout-cart .header {
        text-align: center
    }

    .payment .checkout-cart .header h2 {
        float: none !important
    }
}

.payment .checkout-cart .product-list-container table {
    width: 100%;
    text-align: left
}

.payment .checkout-cart .product-list-container table tr {
    background-color: #FFF
}

.payment .checkout-cart .product-row td,
.payment .checkout-cart .summary-discount td {
    padding: 5% 0
}

.payment .checkout-cart .product-row td:last-child,
.payment .checkout-cart .summary-discount td:last-child {
    text-align: right
}

.sign-in input {
    width: 100%;
    font-size: 16px;
    padding: 10px 20px;
    margin: 0 auto;
    display: block
}

.sign-in label {
    width: 20%;
    font-weight: 700;
    font-size: 12px;
    margin-right: 10px;
    text-align: right
}

.sign-in .action,
.sign-in .action--secondary,
.sign-in .action--third,
.sign-in .action--danger {
    display: inline-block;
    margin: 0 auto;
    margin-top: 30px
}

.field,
.field--shortened {
    text-align: left
}

searchable-filter {
    border-top: none
}

.active-filter {
    font-weight: 300;
    font-size: 15px;
    float: left;
    margin-top: 10px;
    margin-right: 15px
}

.active-filter img {
    cursor: pointer;
    width: 15px;
    height: 15px;
    position: relative;
    top: 3px
}

.checkout-register dropdown-search input {
    float: none
}

.checkout-register checklist {
    column-count: 1 !important;
    max-height: 260px
}

.confirmation {
    width: 1160px;
    margin: 0 auto;
    margin-top: 60px
}

@media (min-width: 0px) and (max-width: 650px) {
    .confirmation {
        width: 320px;
        padding: 20px;
        margin-bottom: 30px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .confirmation {
        width: 80%
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    .confirmation {
        width: 800px
    }
}

.confirmation .page-title {
    float: none
}

.confirmation .page-title img {
    position: relative;
    top: 20px
}

@media (min-width: 0px) and (max-width: 650px) {
    .confirmation .page-title img {
        top: 0;
        display: block;
        margin: 0 auto 30px auto
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .confirmation .page-title img {
        top: 0;
        display: block;
        margin: 0 auto 30px auto
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    .confirmation .page-title {
        font-size: 30px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .confirmation .page-title {
        font-size: 30px
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    .confirmation .page-title {
        font-size: 60px
    }
}

.confirmation .subtext {
    display: block;
    color: #979797;
    font-size: 14px;
    margin-top: 10px
}

.confirmation .actionable .action,
.confirmation .actionable .action--secondary,
.confirmation .actionable .action--third,
.confirmation .actionable .action--danger {
    font-weight: 300;
    font-size: 16px;
    padding: 20px;
    display: block;
    max-width: 200px
}

@media (min-width: 0px) and (max-width: 650px) {

    .confirmation .actionable .action,
    .confirmation .actionable .action--secondary,
    .confirmation .actionable .action--third,
    .confirmation .actionable .action--danger {
        font-size: 14px;
        padding: 10px
    }
}

.confirmation .totaled-price {
    float: right;
    text-align: left;
    margin-top: 20px
}

.confirmation .totaled-price label {
    text-transform: uppercase;
    color: #979797;
    font-size: 13px;
    font-weight: bold;
    position: relative
}

.confirmation .totaled-price .price {
    font-size: 60px;
    font-weight: 300
}

@media (min-width: 0px) and (max-width: 650px) {
    .confirmation .totaled-price .price {
        font-size: 34px
    }
}

.confirmation .more-courses {
    width: auto;
    max-width: 290px;
    margin-top: 35px
}

.course-details-container {
    width: 100%;
    height: auto
}

.course-details-container:after {
    content: "";
    display: table;
    clear: both
}

.course-details-container .hero-container {
    color: white;
    padding: 50px 0;
    float: left;
    width: 100%;
    position: static;
    height: auto;
    background-size: cover;
    background-position: center center;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%)
}

@media (min-width: 0px) and (max-width: 650px) {
    .course-details-container .hero-container {
        padding-bottom: 100px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .course-details-container .hero-container {
        padding-bottom: 220px
    }
}

.course-details-container .hero-container h1 {
    font-weight: 300;
    font-size: 36px;
    margin-top: 20px;
    display: inline-block
}

.course-details-container .hero-container h1 i {
    font-style: italic
}

@media (min-width: 0px) and (max-width: 650px) {
    .course-details-container .hero-container h1 {
        font-size: 24px
    }
}

.course-details-container .hero-container .type {
    font-size: 14px;
    font-weight: 300;
    margin-left: 10px
}

@media (min-width: 0px) and (max-width: 650px) {
    .course-details-container .hero-container .type {
        font-size: 10px
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    .course-details-container .hero-container .type img {
        width: 15px
    }
}

.course-details-container .hero-container .container,
.course-details-container .hero-container .container--body,
.course-details-container .hero-container .container--catalog,
.course-details-container .hero-container .section .container--centered,
.section .course-details-container .hero-container .container--centered {
    width: 65%;
    display: inline-block
}

@media (min-width: 0px) and (max-width: 650px) {

    .course-details-container .hero-container .container,
    .course-details-container .hero-container .container--body,
    .course-details-container .hero-container .container--catalog,
    .course-details-container .hero-container .section .container--centered,
    .section .course-details-container .hero-container .container--centered {
        width: 100%;
        text-align: center
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .course-details-container .hero-container .container,
    .course-details-container .hero-container .container--body,
    .course-details-container .hero-container .container--catalog,
    .course-details-container .hero-container .section .container--centered,
    .section .course-details-container .hero-container .container--centered {
        width: 100%;
        text-align: center
    }
}

.course-details-container .hero-container .hero-subcontainer {
    width: 100%;
    clear: both;
    float: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 300
}

@media (min-width: 0px) and (max-width: 650px) {
    .course-details-container .hero-container .hero-subcontainer {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .course-details-container .hero-container .hero-subcontainer {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width: 0px) and (max-width: 650px) {

    .course-details-container .hero-container .hero-subcontainer.row,
    .course-details-container .hero-container .state-seo-new .hero-subcontainer.row--centered,
    .state-seo-new .course-details-container .hero-container .hero-subcontainer.row--centered {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .course-details-container .hero-container .hero-subcontainer.row,
    .course-details-container .hero-container .state-seo-new .hero-subcontainer.row--centered,
    .state-seo-new .course-details-container .hero-container .hero-subcontainer.row--centered {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.course-details-container .hero-container .hero-subcontainer .bold {
    font-weight: 300;
    font-size: 14px
}

@media (min-width: 0px) and (max-width: 650px) {
    .course-details-container .hero-container .hero-subcontainer .bold {
        font-size: 10px
    }
}

.course-details-container .hero-container .hero-subcontainer a {
    color: white
}

.course-details-container .hero-container .hero-subcontainer h2 {
    font-size: 14px;
    font-weight: 300;
    float: left;
    margin-right: auto
}

@media (min-width: 0px) and (max-width: 650px) {
    .course-details-container .hero-container .hero-subcontainer h2 {
        font-size: 10px;
        margin-right: inherit
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .course-details-container .hero-container .hero-subcontainer h2 {
        font-size: 14px;
        margin-right: inherit
    }
}

.course-details-container .hero-container .hero-subcontainer .faculty-prefix {
    margin-right: 10px
}

.course-details-container .hero-container .hero-subcontainer .thumbnail-faculty {
    margin-right: 20px
}

.course-details-container .hero-container .hero-subcontainer img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
    border-radius: 100%
}

.course-details-container-accreditation {
    display: inline-block;
    width: 100%
}

.course-details-container-accreditation p {
    margin-bottom: 20px
}

.course-details-container-accreditation__accredit-list .credit-state-info {
    margin-top: 20px
}

.course-details-container-accreditation__accredit-list .credit-state-info .row:nth-child(1),
.course-details-container-accreditation__accredit-list .credit-state-info .state-seo-new .row--centered:nth-child(1),
.state-seo-new .course-details-container-accreditation__accredit-list .credit-state-info .row--centered:nth-child(1) {
    font-size: 20px
}

.course-details-container-accreditation__accredit-list .credit-state-info .row p+p,
.course-details-container-accreditation__accredit-list .credit-state-info .state-seo-new .row--centered p+p,
.state-seo-new .course-details-container-accreditation__accredit-list .credit-state-info .row--centered p+p {
    margin-top: 8px
}

.course-details-container-accreditation__accredit-list .credit-state-info .support-pending-link {
    display: inline-block;
    margin-left: 15px
}

.course-details-container-accreditation__accredit-list .credit-state-info .support-pending-link a {
    font-size: 12px
}

.course-details-container-accreditation__accredit-list .credit-state-info .text-success {
    color: #28a745
}

.course-details-container-accreditation__accredit-list .credit-state-info .text-warning {
    color: #F4931E
}

.course-details-container-accreditation__accredit-list select:focus {
    outline: none
}

.course-details-container .recommend-course-feeds .section .container,
.course-details-container .recommend-course-feeds .section .container--body,
.course-details-container .recommend-course-feeds .section .container--catalog,
.course-details-container .recommend-course-feeds .section .container--centered {
    width: 100%;
    max-width: 1400px
}

.course-details-container .bounding-container {
    width: 90%;
    max-width: 2000px;
    margin: 0 auto
}

.course-details-container .bounding-container:after {
    content: "";
    display: table;
    clear: both
}

.course-details-container .left-container {
    width: 65%;
    margin: 30px 0
}

@media (min-width: 0px) and (max-width: 650px) {
    .course-details-container .left-container {
        width: 100%
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .course-details-container .left-container {
        width: 100%
    }
}

.course-details-container .left-container .container.collection,
.course-details-container .left-container .collection.container--body,
.course-details-container .left-container .collection.container--catalog,
.course-details-container .left-container .section .collection.container--centered,
.section .course-details-container .left-container .collection.container--centered {
    width: 100%
}

.course-details-container [class*="faculty-bio-wrapper"] {
    position: relative
}

.course-details-container [class*="faculty-bio-wrapper"].collapsed {
    height: 200px;
    overflow: hidden
}

.course-details-container [class*="faculty-bio-wrapper"].collapsed:after {
    content: '';
    left: 0;
    display: block;
    right: 0;
    top: 100%;
    position: absolute;
    height: 12px;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1)
}

.course-details-container .faculty .faculty-meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.course-details-container .faculty .faculty-profile-image {
    margin-right: 20px
}

.course-details-container .faculty .faculty-profile-image img {
    width: 75px;
    height: 75px;
    border-radius: 100%
}

.course-details-container .faculty .faculty-subcontainer h2 {
    font-size: 18px;
    font-weight: 300
}

.course-details-container .faculty .faculty-subcontainer p {
    margin-top: 10px;
    font-size: 14px
}

.course-details-container .right-container {
    width: 30% !important;
    position: fixed !important;
    top: 190px;
    right: 4%;
    padding: 30px 20px !important;
    margin: 0 0 20px 0;
    color: #000;
    z-index: 999;
    width: 30%;
    background-color: #FFF
}

@media (min-width: 0px) and (max-width: 650px) {
    .course-details-container .right-container {
        width: 100% !important;
        position: static !important
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .course-details-container .right-container {
        width: 100% !important;
        position: static !important
    }
}

.course-details-container .map-embed {
    width: 100%;
    height: 500px
}

.course-details-container .container-block,
.course-details-container .container-block--scroll,
.course-details-container .container-block--purchase {
    padding: 40px;
    border-radius: 3px;
    background: white;
    position: relative;
    box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.1)
}

@media (min-width: 0px) and (max-width: 650px) {

    .course-details-container .container-block,
    .course-details-container .container-block--scroll,
    .course-details-container .container-block--purchase {
        padding: 20px
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .course-details-container .container-block,
    .course-details-container .container-block--scroll,
    .course-details-container .container-block--purchase {
        padding: 20px
    }
}

.course-details-container .container-block .print-icon__container,
.course-details-container .container-block--scroll .print-icon__container,
.course-details-container .container-block--purchase .print-icon__container {
    position: absolute;
    top: 10px;
    right: 20px
}

.course-details-container .container-block .print-icon__container img,
.course-details-container .container-block--scroll .print-icon__container img,
.course-details-container .container-block--purchase .print-icon__container img {
    width: 30px;
    height: 30px
}

.course-details-container .container-block h3,
.course-details-container .container-block--scroll h3,
.course-details-container .container-block--purchase h3 {
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 20px
}

.course-details-container .container-block h3+p,
.course-details-container .container-block--scroll h3+p,
.course-details-container .container-block--purchase h3+p {
    margin-top: 0
}

.course-details-container .container-block+.container-block,
.course-details-container .container-block--scroll+.container-block,
.course-details-container .container-block--purchase+.container-block,
.course-details-container .container-block+.container-block--scroll,
.course-details-container .container-block--scroll+.container-block--scroll,
.course-details-container .container-block--purchase+.container-block--scroll,
.course-details-container .container-block+.container-block--purchase,
.course-details-container .container-block--scroll+.container-block--purchase,
.course-details-container .container-block--purchase+.container-block--purchase {
    margin-top: 40px
}

.course-details-container .container-block--scroll {
    max-height: 600px;
    overflow-y: scroll;
    overflow-x: hidden
}

.course-details-container .container-block--purchase {
    padding: 0 0 20px 0;
    margin-bottom: 40px;
    position: relative
}

.course-details-container .container-block--purchase .course-image-container {
    margin-bottom: 20px;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden
}

.course-details-container .container-block--purchase .course-image-container>img {
    width: 100%;
    border-radius: 3px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.course-details-container .container-block--purchase h2 {
    float: left
}

.course-details-container .container-block--purchase h2.discounted-price~h2.original-price {
    margin-left: 10px;
    color: #979797;
    text-decoration: line-through;
    font-size: 20px;
    line-height: 32px
}

.course-details-container .container-block--purchase card-button .action,
.course-details-container .container-block--purchase card-button .action--secondary,
.course-details-container .container-block--purchase card-button .action--third,
.course-details-container .container-block--purchase card-button .action--danger {
    float: right;
    min-width: 160px;
    width: calc(100% - 160px)
}

@media (min-width: 650px) and (max-width: 900px) {

    .course-details-container .container-block--purchase card-button .action,
    .course-details-container .container-block--purchase card-button .action--secondary,
    .course-details-container .container-block--purchase card-button .action--third,
    .course-details-container .container-block--purchase card-button .action--danger {
        max-width: 300px
    }
}

@media (min-width: 0px) and (max-width: 650px) {

    .course-details-container .container-block--purchase card-button .action,
    .course-details-container .container-block--purchase card-button .action--secondary,
    .course-details-container .container-block--purchase card-button .action--third,
    .course-details-container .container-block--purchase card-button .action--danger {
        max-width: 300px
    }
}

.course-details-container .container-block--purchase card-button .action cart-button>.action-right:first-child,
.course-details-container .container-block--purchase card-button .action--secondary cart-button>.action-right:first-child,
.course-details-container .container-block--purchase card-button .action--third cart-button>.action-right:first-child,
.course-details-container .container-block--purchase card-button .action--danger cart-button>.action-right:first-child {
    width: 100%
}

.course-details-container .container-block--purchase card-button .action cart-button>.action-right:first-child span,
.course-details-container .container-block--purchase card-button .action--secondary cart-button>.action-right:first-child span,
.course-details-container .container-block--purchase card-button .action--third cart-button>.action-right:first-child span,
.course-details-container .container-block--purchase card-button .action--danger cart-button>.action-right:first-child span,
.course-details-container .container-block--purchase card-button .action cart-button>.action-right:first-child img,
.course-details-container .container-block--purchase card-button .action--secondary cart-button>.action-right:first-child img,
.course-details-container .container-block--purchase card-button .action--third cart-button>.action-right:first-child img,
.course-details-container .container-block--purchase card-button .action--danger cart-button>.action-right:first-child img {
    vertical-align: middle
}

.course-details-container .container-block--purchase card-button .action cart-button>.action-right:first-child img,
.course-details-container .container-block--purchase card-button .action--secondary cart-button>.action-right:first-child img,
.course-details-container .container-block--purchase card-button .action--third cart-button>.action-right:first-child img,
.course-details-container .container-block--purchase card-button .action--danger cart-button>.action-right:first-child img {
    margin: 2px 0
}

.course-details-container .unlimited {
    background: url(//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/course-details/unlimited-hero.jpg);
    background-size: cover;
    background-position: center center;
    color: white;
    padding: 100px 0;
    margin-bottom: -100px;
    margin-top: 40px
}

.course-details-container .unlimited .bounding-container {
    max-width: 800px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.course-details-container .unlimited h4 {
    text-transform: uppercase;
    font-weight: 700;
    font-style: italic;
    font-size: 32px
}

.course-details-container .unlimited p {
    margin: 20px 0;
    font-size: 18px
}

.course-details-container .prerequisites-info {
    margin-bottom: 20px
}

.course-details-container .prerequisites-info__icon:before {
    content: '!';
    display: inline-block;
    font-family: sans-serif;
    font-weight: bold;
    text-align: center;
    width: 1.8ex;
    height: 1.8ex;
    font-size: 1.4ex;
    line-height: 1.8ex;
    border-radius: 2ex;
    margin-right: 4px;
    padding: 4px;
    color: #FFF;
    background: #2D7ABF;
    text-decoration: none
}

.course-details-container .callout {
    background: #f5f5f5;
    border-radius: 3px;
    padding: 40px;
    color: #272727;
    font-size: 14px;
    margin-bottom: 20px;
    float: left;
    width: 100%
}

.course-details-container .callout:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 650px) and (max-width: 900px) {
    .course-details-container .callout {
        float: none;
        clear: both
    }
}

.course-details-container .callout .row,
.course-details-container .callout .state-seo-new .row--centered,
.state-seo-new .course-details-container .callout .row--centered {
    margin-bottom: 20px;
    text-transform: uppercase
}

.course-details-container .callout .category-container {
    margin-bottom: 0
}

.course-details-container .callout .bold {
    font-weight: 700;
    margin-right: 10px
}

.course-details-container .callout .thumbnail-note {
    float: left
}

@media (min-width: 0px) and (max-width: 650px) {
    .course-details-container .callout .thumbnail-note {
        width: 100%
    }
}

.course-details-container .callout .thumbnail-note+.thumbnail-note {
    margin-left: 30px
}

@media (min-width: 0px) and (max-width: 650px) {
    .course-details-container .callout .thumbnail-note+.thumbnail-note {
        margin-left: 0;
        margin-top: 10px
    }
}

.course-details-container .callout .thumbnail-faculty {
    float: left;
    margin-right: 20px
}

.course-details-container .callout .thumbnail-faculty img {
    border-radius: 100%
}

.course-details-container .callout img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px
}

.course-details-container .callout .category-list {
    margin: 40px 0 0 0
}

.course-details-container .callout .category-list a {
    padding: 10px;
    background-color: #FFF;
    margin: 0 20px 20px 0;
    border-radius: 3px;
    font-size: 12px;
    color: #383838;
    line-height: 4;
    white-space: nowrap
}

.course-details-container .description {
    font-weight: 300;
    line-height: 1.35
}

.course-details-container .status {
    width: 1160px;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center
}

.course-details-container .status:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 0px) and (max-width: 650px) {
    .course-details-container .status {
        width: 320px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .course-details-container .status {
        width: 80%
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    .course-details-container .status {
        width: 800px
    }
}

.course-details-container .status .notification {
    padding: 20px;
    width: 100%;
    background: #BF392D;
    border-radius: 3px;
    color: white;
    text-align: center
}

.course-details-container .status .notification a {
    color: white;
    text-decoration: underline
}

.course-details-container .status .suggested-courses {
    display: inline-block;
    text-align: center
}

.course-details-container .status .suggested-courses:after {
    content: "";
    display: table;
    clear: both
}

.course-details-container .status .suggested-courses .card {
    margin-top: 30px;
    display: inline-block
}

.course-details-container .status .suggested-courses__more-link {
    float: none;
    width: 250px;
    margin: 20px auto 0
}

.course-details-container .pending-notes,
.course-details-container .accred-notes {
    margin-top: 20px;
    padding: 0;
    font-size: 12px;
    line-height: 1.5em;
    display: inline-block
}

.course-details-container .instructions {
    color: #2D7ABF;
    position: relative;
    top: 50px;
    font-weight: 300;
    font-size: 24px
}

.course-details-container.status-owns options-button popout {
    position: absolute;
    width: 210px;
    right: 42px
}

@media (min-width: 0px) and (max-width: 650px) {
    .course-details-container.status-owns options-button popout {
        right: 11%
    }
}

.course-details-container.status-owns options-button popout::before {
    position: absolute;
    left: 84.5%;
    border-bottom: 9px solid #D8D8D8;
    border-bottom-color: #D8D8D8
}

.course-details-container.status-owns options-button popout::after {
    position: absolute;
    left: calc(84.5% + 1px);
    border-bottom: 8px solid white
}

.course-details-container.status-owns options-button popout a {
    color: rgba(39, 39, 39, 0.6);
    color: #272727 \9;
    width: 100%;
    min-width: 200px;
    display: block;
    transition: color 0.2s;
    padding: 10px 30px;
    text-overflow: hidden;
    padding: 20px 0
}

.course-details-container.status-owns options-button popout a img {
    margin-left: 8px
}

.course-details-container.status-owns options-button popout a span {
    vertical-align: sub
}

.course-details-container.status-owns options-button popout a:hover {
    color: #272727;
    background: inherit
}

.course-details-container.status-owns .purchase .action,
.course-details-container.status-owns .purchase .action--secondary,
.course-details-container.status-owns .purchase .action--third,
.course-details-container.status-owns .purchase .action--danger {
    margin-top: 100px
}

@media (min-width: 0px) and (max-width: 650px) {

    .course-details-container.status-owns .purchase .action,
    .course-details-container.status-owns .purchase .action--secondary,
    .course-details-container.status-owns .purchase .action--third,
    .course-details-container.status-owns .purchase .action--danger {
        margin-top: 30px
    }
}

.course-details-container.status-owns .purchase .action a,
.course-details-container.status-owns .purchase .action--secondary a,
.course-details-container.status-owns .purchase .action--third a,
.course-details-container.status-owns .purchase .action--danger a {
    font-size: 14px;
    height: auto;
    line-height: 1
}

.course-details-container.status-owns .purchase .action .action-left,
.course-details-container.status-owns .purchase .action--secondary .action-left,
.course-details-container.status-owns .purchase .action--third .action-left,
.course-details-container.status-owns .purchase .action--danger .action-left {
    width: auto
}

.course-details-container.status-owns .purchase .action .action-left a,
.course-details-container.status-owns .purchase .action--secondary .action-left a,
.course-details-container.status-owns .purchase .action--third .action-left a,
.course-details-container.status-owns .purchase .action--danger .action-left a {
    padding: 12px 30px
}

.course-details-container.status-owns .purchase .action .action-left img,
.course-details-container.status-owns .purchase .action--secondary .action-left img,
.course-details-container.status-owns .purchase .action--third .action-left img,
.course-details-container.status-owns .purchase .action--danger .action-left img {
    margin-left: 0;
    top: 0
}

.course-details-container.status-owns .purchase .action .action-right,
.course-details-container.status-owns .purchase .action--secondary .action-right,
.course-details-container.status-owns .purchase .action--third .action-right,
.course-details-container.status-owns .purchase .action--danger .action-right {
    width: auto
}

.course-details-container.status-owns .purchase .action .action-right a.icon,
.course-details-container.status-owns .purchase .action--secondary .action-right a.icon,
.course-details-container.status-owns .purchase .action--third .action-right a.icon,
.course-details-container.status-owns .purchase .action--danger .action-right a.icon {
    padding: 9px 20px
}

.course-details-container.status-owns .purchase .action .action-right img,
.course-details-container.status-owns .purchase .action--secondary .action-right img,
.course-details-container.status-owns .purchase .action--third .action-right img,
.course-details-container.status-owns .purchase .action--danger .action-right img {
    margin-left: 0;
    top: 0;
    width: 20px;
    height: 20px
}

.course-details-container.status-owns .purchase .action .action-right popout,
.course-details-container.status-owns .purchase .action--secondary .action-right popout,
.course-details-container.status-owns .purchase .action--third .action-right popout,
.course-details-container.status-owns .purchase .action--danger .action-right popout {
    position: absolute;
    width: 210px;
    right: 5px
}

@media (min-width: 0px) and (max-width: 650px) {

    .course-details-container.status-owns .purchase .action .action-right popout,
    .course-details-container.status-owns .purchase .action--secondary .action-right popout,
    .course-details-container.status-owns .purchase .action--third .action-right popout,
    .course-details-container.status-owns .purchase .action--danger .action-right popout {
        right: 11%
    }
}

.course-details-container.status-owns .purchase .action .action-right popout::before,
.course-details-container.status-owns .purchase .action--secondary .action-right popout::before,
.course-details-container.status-owns .purchase .action--third .action-right popout::before,
.course-details-container.status-owns .purchase .action--danger .action-right popout::before {
    position: absolute;
    left: 84.5%;
    border-bottom: 9px solid #D8D8D8;
    border-bottom-color: #D8D8D8
}

.course-details-container.status-owns .purchase .action .action-right popout::after,
.course-details-container.status-owns .purchase .action--secondary .action-right popout::after,
.course-details-container.status-owns .purchase .action--third .action-right popout::after,
.course-details-container.status-owns .purchase .action--danger .action-right popout::after {
    position: absolute;
    left: calc(84.5% + 1px);
    border-bottom: 8px solid white
}

.course-details-container.status-owns .purchase .action .action-right popout a,
.course-details-container.status-owns .purchase .action--secondary .action-right popout a,
.course-details-container.status-owns .purchase .action--third .action-right popout a,
.course-details-container.status-owns .purchase .action--danger .action-right popout a {
    color: rgba(39, 39, 39, 0.6);
    color: #272727 \9;
    width: 100%;
    min-width: 200px;
    display: block;
    transition: color 0.2s;
    padding: 10px 30px;
    text-overflow: hidden;
    padding: 20px 0
}

.course-details-container.status-owns .purchase .action .action-right popout a img,
.course-details-container.status-owns .purchase .action--secondary .action-right popout a img,
.course-details-container.status-owns .purchase .action--third .action-right popout a img,
.course-details-container.status-owns .purchase .action--danger .action-right popout a img {
    margin-left: 8px
}

.course-details-container.status-owns .purchase .action .action-right popout a span,
.course-details-container.status-owns .purchase .action--secondary .action-right popout a span,
.course-details-container.status-owns .purchase .action--third .action-right popout a span,
.course-details-container.status-owns .purchase .action--danger .action-right popout a span {
    vertical-align: sub
}

.course-details-container.status-owns .purchase .action .action-right popout a:hover,
.course-details-container.status-owns .purchase .action--secondary .action-right popout a:hover,
.course-details-container.status-owns .purchase .action--third .action-right popout a:hover,
.course-details-container.status-owns .purchase .action--danger .action-right popout a:hover {
    color: #272727;
    background: inherit
}

.course-details-container.status-owns .confirm-dashboard-action {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    background: #fff;
    padding: 40px 20px
}

.course-details-container.status-owns .confirm-dashboard-action>div {
    margin-top: 20px
}

.course-details-container.status-owns .confirm-dashboard-action .action,
.course-details-container.status-owns .confirm-dashboard-action .action--secondary,
.course-details-container.status-owns .confirm-dashboard-action .action--third,
.course-details-container.status-owns .confirm-dashboard-action .action--danger {
    width: 90%;
    float: none;
    margin: 0 auto;
    margin-top: 20px
}

.course-details-container.status-owns .confirm-dashboard-action .action:after,
.course-details-container.status-owns .confirm-dashboard-action .action--secondary:after,
.course-details-container.status-owns .confirm-dashboard-action .action--third:after,
.course-details-container.status-owns .confirm-dashboard-action .action--danger:after {
    content: "";
    display: table;
    clear: both
}

.course-details-container.status-owns .confirm-dashboard-action .action .half.action-left,
.course-details-container.status-owns .confirm-dashboard-action .action--secondary .half.action-left,
.course-details-container.status-owns .confirm-dashboard-action .action--third .half.action-left,
.course-details-container.status-owns .confirm-dashboard-action .action--danger .half.action-left,
.course-details-container.status-owns .confirm-dashboard-action .action .half.action-right,
.course-details-container.status-owns .confirm-dashboard-action .action--secondary .half.action-right,
.course-details-container.status-owns .confirm-dashboard-action .action--third .half.action-right,
.course-details-container.status-owns .confirm-dashboard-action .action--danger .half.action-right {
    width: 50%
}

.course-details-container.status-owns .confirm-dashboard-action .action a,
.course-details-container.status-owns .confirm-dashboard-action .action--secondary a,
.course-details-container.status-owns .confirm-dashboard-action .action--third a,
.course-details-container.status-owns .confirm-dashboard-action .action--danger a {
    padding: 12px 20px
}

.course-details-container.status-owns .confirm-dashboard-action .action:last-child,
.course-details-container.status-owns .confirm-dashboard-action .action--secondary:last-child,
.course-details-container.status-owns .confirm-dashboard-action .action--third:last-child,
.course-details-container.status-owns .confirm-dashboard-action .action--danger:last-child {
    background-color: #D4D4D4
}

.course-details-container.status-owns:hover .remove-from-dashboard {
    display: block
}

.course-details-container em {
    font-style: italic
}

.product-info {
    float: left;
    width: 100%
}

.product-info:after {
    content: "";
    display: table;
    clear: both
}

.product-info .purchase {
    position: absolute
}

.product-info .purchase:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 0px) and (max-width: 650px) {
    .product-info .purchase {
        text-align: center;
        position: relative
    }
}

.product-info .purchase audio-modal .action,
.product-info .purchase audio-modal .action--secondary,
.product-info .purchase audio-modal .action--third,
.product-info .purchase audio-modal .action--danger {
    border-bottom: 2px solid #1a456c
}

@media (min-width: 0px) and (max-width: 650px) {

    .product-info .purchase audio-modal .action,
    .product-info .purchase audio-modal .action--secondary,
    .product-info .purchase audio-modal .action--third,
    .product-info .purchase audio-modal .action--danger {
        margin: 5px 10px
    }
}

.product-info .purchase h2 {
    font-size: 80px;
    font-weight: 300;
    margin-bottom: 20px
}

.product-info .purchase h2.discounted-price {
    margin-bottom: 0px
}

.product-info .purchase h2.discounted-price~h2.original-price {
    font-size: 20px;
    color: #979797;
    position: relative;
    font-style: italic
}

.product-info .purchase h2.discounted-price~h2.original-price:before {
    content: 'Original Price: '
}

.product-info .purchase h2.discounted-price~h2.original-price:after {
    border-bottom: 1px solid #979797;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    width: 180px
}

@media (min-width: 0px) and (max-width: 650px) {
    .product-info .purchase h2.discounted-price~h2.original-price:after {
        margin: 0 auto
    }
}

.product-info .purchase .action:after,
.product-info .purchase .action--secondary:after,
.product-info .purchase .action--third:after,
.product-info .purchase .action--danger:after {
    content: "";
    display: table;
    clear: both
}

.product-info .purchase .action span,
.product-info .purchase .action--secondary span,
.product-info .purchase .action--third span,
.product-info .purchase .action--danger span {
    line-height: 1;
    vertical-align: middle
}

.product-info .purchase .action img,
.product-info .purchase .action--secondary img,
.product-info .purchase .action--third img,
.product-info .purchase .action--danger img {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-left: 10px
}

@media (min-width: 0px) and (max-width: 650px) {

    .product-info .purchase .action,
    .product-info .purchase .action--secondary,
    .product-info .purchase .action--third,
    .product-info .purchase .action--danger {
        float: none;
        display: block;
        margin: 0 auto;
        width: 80%;
        text-align: center
    }
}

.product-info .purchase .action a,
.product-info .purchase .action--secondary a,
.product-info .purchase .action--third a,
.product-info .purchase .action--danger a {
    padding: 10px 20px;
    height: 50px
}

.product-info .purchase .action-left {
    width: auto
}

.product-info .purchase .action-right {
    width: 100%
}

.product-info .purchase .action .action,
.product-info .purchase .action--secondary .action,
.product-info .purchase .action--third .action,
.product-info .purchase .action--danger .action,
.product-info .purchase .action .action--secondary,
.product-info .purchase .action--secondary .action--secondary,
.product-info .purchase .action--third .action--secondary,
.product-info .purchase .action--danger .action--secondary,
.product-info .purchase .action .action--third,
.product-info .purchase .action--secondary .action--third,
.product-info .purchase .action--third .action--third,
.product-info .purchase .action--danger .action--third,
.product-info .purchase .action .action--danger,
.product-info .purchase .action--secondary .action--danger,
.product-info .purchase .action--third .action--danger,
.product-info .purchase .action--danger .action--danger {
    border-bottom: none
}

.product-info .purchase .action audio-modal .action,
.product-info .purchase .action--secondary audio-modal .action,
.product-info .purchase .action--third audio-modal .action,
.product-info .purchase .action--danger audio-modal .action,
.product-info .purchase .action audio-modal .action--secondary,
.product-info .purchase .action--secondary audio-modal .action--secondary,
.product-info .purchase .action--third audio-modal .action--secondary,
.product-info .purchase .action--danger audio-modal .action--secondary,
.product-info .purchase .action audio-modal .action--third,
.product-info .purchase .action--secondary audio-modal .action--third,
.product-info .purchase .action--third audio-modal .action--third,
.product-info .purchase .action--danger audio-modal .action--third,
.product-info .purchase .action audio-modal .action--danger,
.product-info .purchase .action--secondary audio-modal .action--danger,
.product-info .purchase .action--third audio-modal .action--danger,
.product-info .purchase .action--danger audio-modal .action--danger {
    border-bottom: 2px solid #1a456c
}

.product-info .details {
    float: left;
    margin-top: 247px
}

.product-info .details:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 0px) and (max-width: 650px) {
    .product-info .details {
        position: static;
        padding: 0 30px;
        margin-top: 0
    }
}

.product-info .details p {
    font-weight: 300
}

.product-info .details .tab-wrapper>select {
    margin-top: 50px
}

.product-info .tabs li a {
    padding-bottom: 19px
}

@media (min-width: 0px) and (max-width: 650px) {
    .product-info .tabs li a {
        padding: 13px;
        font-size: 12px;
        margin-top: 50px;
        position: relative;
        top: 11px
    }
}

.product-info .tabs {
    border-bottom: none
}

@media (min-width: 0px) and (max-width: 650px) {
    .product-info .tabs {
        padding-bottom: 10px;
        border-bottom: 1px solid #979797
    }
}

.product-info .tab-content {
    width: 500px;
    float: left
}

@media (min-width: 0px) and (max-width: 650px) {
    .product-info .tab-content {
        width: 100%
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .product-info .tab-content {
        width: 100%
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    .product-info .tab-content {
        width: 100%
    }
}

.product-info .tab-content .tab-pane>div {
    font-weight: 300;
    line-height: 1.35
}

.product-info .container.secondary-container,
.product-info .secondary-container.container--body,
.product-info .secondary-container.container--catalog,
.product-info .section .secondary-container.container--centered,
.section .product-info .secondary-container.container--centered {
    clear: both;
    width: 100%;
    max-width: 900px;
    margin: 0
}

.product-info card-related-courses {
    margin: 0 auto;
    width: 1160px
}

.product-info card-related-courses p.title {
    font-size: 24px
}

.product-info card-related-courses:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 0px) and (max-width: 650px) {
    .product-info card-related-courses {
        width: 320px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .product-info card-related-courses {
        width: 80%
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    .product-info card-related-courses {
        width: 800px
    }
}

.course-details-container.print .print-icon__container {
    display: none
}

.course-details-container.print a {
    text-decoration: none !important;
    color: #000 !important
}

.course-details-container.print .hero-container {
    color: #000;
    text-align: left !important;
    padding: 30px 0px;
    background-image: none !important
}

.course-details-container.print .hero-container .bounding-container .container,
.course-details-container.print .hero-container .bounding-container .container--body,
.course-details-container.print .hero-container .bounding-container .container--catalog,
.course-details-container.print .hero-container .bounding-container .section .container--centered,
.section .course-details-container.print .hero-container .bounding-container .container--centered {
    width: 100%
}

.course-details-container.print .hero-container .bounding-container .hero-subcontainer {
    width: 100%;
    float: left !important;
    text-align: left !important;
    display: block !important
}

.course-details-container.print .hero-container .bounding-container .hero-subcontainer h2 {
    float: left !important
}

.course-details-container.print .hero-container .bounding-container .hero-subcontainer .type img {
    display: none
}

.course-details-container.print .left-container,
.course-details-container.print .right-container {
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    margin: auto
}

.course-details-container.print .right-container {
    display: none
}

.course-details-container.print .container-block,
.course-details-container.print .container-block--scroll,
.course-details-container.print .container-block--purchase {
    box-shadow: none;
    border: 0;
    border-top: 1px solid #272727;
    padding: 30px 0px;
    width: 100%;
    float: left;
    clear: both
}

.course-details-container.print .container-block#course-description .callout,
.course-details-container.print #course-description.container-block--scroll .callout,
.course-details-container.print #course-description.container-block--purchase .callout {
    padding: 0;
    background: none
}

.course-details-container.print .container-block#accreditation-container .bounding-container--centered,
.course-details-container.print #accreditation-container.container-block--scroll .bounding-container--centered,
.course-details-container.print #accreditation-container.container-block--purchase .bounding-container--centered {
    display: block;
    max-width: none;
    column-count: 2
}

.course-details-container.print .container-block--purchase,
.course-details-container.print .container-block.course_event_location,
.course-details-container.print .course_event_location.container-block--scroll,
.course-details-container.print .course_event_location.container-block--purchase,
.course-details-container.print .container-block.course-reviews,
.course-details-container.print .course-reviews.container-block--scroll,
.course-details-container.print .course-reviews.container-block--purchase {
    display: none
}

.course-details-container.print .container-block .faculty-hero-container [class*="faculty-bio-wrapper"],
.course-details-container.print .container-block--scroll .faculty-hero-container [class*="faculty-bio-wrapper"],
.course-details-container.print .container-block--purchase .faculty-hero-container [class*="faculty-bio-wrapper"] {
    height: auto !important;
    overflow: visible !important
}

.course-details-container.print .container-block .faculty-hero-container [class*="faculty-bio-wrapper"].collapsed:after,
.course-details-container.print .container-block--scroll .faculty-hero-container [class*="faculty-bio-wrapper"].collapsed:after,
.course-details-container.print .container-block--purchase .faculty-hero-container [class*="faculty-bio-wrapper"].collapsed:after {
    display: none
}

.course-details-container.print .container-block .faculty-hero-container collapsible-read-more,
.course-details-container.print .container-block--scroll .faculty-hero-container collapsible-read-more,
.course-details-container.print .container-block--purchase .faculty-hero-container collapsible-read-more {
    display: none
}

.course-details-container.print .container-block .faculty-hero-container .faculty+.faculty,
.course-details-container.print .container-block--scroll .faculty-hero-container .faculty+.faculty,
.course-details-container.print .container-block--purchase .faculty-hero-container .faculty+.faculty {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #000
}

.course-details-container.print .recommend-course-feeds,
.course-details-container.print .unlimited {
    display: none
}

@media print {
    .course-details-container .print-icon__container {
        display: none
    }

    .course-details-container a {
        text-decoration: none !important;
        color: #000 !important
    }

    .course-details-container .hero-container {
        color: #000;
        text-align: left !important;
        padding: 30px 0px;
        background-image: none !important
    }

    .course-details-container .hero-container .bounding-container .container,
    .course-details-container .hero-container .bounding-container .container--body,
    .course-details-container .hero-container .bounding-container .container--catalog,
    .course-details-container .hero-container .bounding-container .section .container--centered,
    .section .course-details-container .hero-container .bounding-container .container--centered {
        width: 100%
    }

    .course-details-container .hero-container .bounding-container .hero-subcontainer {
        width: 100%;
        float: left !important;
        text-align: left !important;
        display: block !important
    }

    .course-details-container .hero-container .bounding-container .hero-subcontainer h2 {
        float: left !important
    }

    .course-details-container .hero-container .bounding-container .hero-subcontainer .type img {
        display: none
    }

    .course-details-container .left-container,
    .course-details-container .right-container {
        width: 100%;
        top: 0;
        right: 0;
        left: 0;
        margin: auto
    }

    .course-details-container .right-container {
        display: none
    }

    .course-details-container .container-block,
    .course-details-container .container-block--scroll,
    .course-details-container .container-block--purchase {
        box-shadow: none;
        border: 0;
        border-top: 1px solid #272727;
        padding: 30px 0px;
        width: 100%;
        float: left;
        clear: both
    }

    .course-details-container .container-block#course-description .callout,
    .course-details-container #course-description.container-block--scroll .callout,
    .course-details-container #course-description.container-block--purchase .callout {
        padding: 0;
        background: none
    }

    .course-details-container .container-block#accreditation-container .bounding-container--centered,
    .course-details-container #accreditation-container.container-block--scroll .bounding-container--centered,
    .course-details-container #accreditation-container.container-block--purchase .bounding-container--centered {
        display: block;
        max-width: none;
        column-count: 2
    }

    .course-details-container .container-block--purchase,
    .course-details-container .container-block.course_event_location,
    .course-details-container .course_event_location.container-block--scroll,
    .course-details-container .course_event_location.container-block--purchase,
    .course-details-container .container-block.course-reviews,
    .course-details-container .course-reviews.container-block--scroll,
    .course-details-container .course-reviews.container-block--purchase {
        display: none
    }

    .course-details-container .container-block .faculty-hero-container [class*="faculty-bio-wrapper"],
    .course-details-container .container-block--scroll .faculty-hero-container [class*="faculty-bio-wrapper"],
    .course-details-container .container-block--purchase .faculty-hero-container [class*="faculty-bio-wrapper"] {
        height: auto !important;
        overflow: visible !important
    }

    .course-details-container .container-block .faculty-hero-container [class*="faculty-bio-wrapper"].collapsed:after,
    .course-details-container .container-block--scroll .faculty-hero-container [class*="faculty-bio-wrapper"].collapsed:after,
    .course-details-container .container-block--purchase .faculty-hero-container [class*="faculty-bio-wrapper"].collapsed:after {
        display: none
    }

    .course-details-container .container-block .faculty-hero-container collapsible-read-more,
    .course-details-container .container-block--scroll .faculty-hero-container collapsible-read-more,
    .course-details-container .container-block--purchase .faculty-hero-container collapsible-read-more {
        display: none
    }

    .course-details-container .container-block .faculty-hero-container .faculty+.faculty,
    .course-details-container .container-block--scroll .faculty-hero-container .faculty+.faculty,
    .course-details-container .container-block--purchase .faculty-hero-container .faculty+.faculty {
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid #000
    }

    .course-details-container .recommend-course-feeds,
    .course-details-container .unlimited {
        display: none
    }
}

.session {
    margin-top: 30px
}

.session:after {
    content: "";
    display: table;
    clear: both
}

.session:first-child {
    margin-top: 0
}

.session .session-time h5 {
    font-weight: 700;
    float: left;
    text-transform: uppercase;
    font-size: 12px;
    margin-right: 3%;
    width: 23%;
    padding-top: 2px
}

.session .session-meta {
    float: left;
    width: 74%
}

.session .session-meta h5 {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 400
}

.session .session-meta h6 {
    text-transform: none;
    font-weight: 300;
    color: #979797;
    font-size: 14px;
    margin-top: 0
}

.session .session-meta p {
    margin-top: 30px;
    border-left: 1px solid #979797;
    margin-left: -20%;
    padding-left: 20%
}

.session .session-meta p+p {
    margin-top: 0;
    padding-top: 20px
}

#review-wrapper .review-container {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #f5f5f5;
    padding: 30px 0
}

#review-wrapper .review {
    float: right;
    width: 70%
}

#review-wrapper .review-left-column {
    width: 30%;
    float: left
}

#review-wrapper .review-left-column .review-author-avatar {
    width: 50px;
    height: 50px;
    border: 1px solid #2D7ABF;
    border-radius: 50%;
    position: relative;
    float: left
}

#review-wrapper .review-left-column .review-author-avatar .review-author-inner {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#review-wrapper .review-left-column .review-author-detail {
    float: left;
    padding: 15px 0 0 10px
}

.credit-completed {
    margin-top: 0 !important;
    padding-top: 50px;
    background: transparent url(//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/secondary/blue-oval.svg) no-repeat top center;
    width: 100% !important
}

.credit-completed.cpe {
    background-image: url(//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/secondary/green-oval.svg)
}

.credit-completed .action-container {
    text-align: center;
    padding-top: 50px;
    float: left;
    width: 100%
}

.credit-completed .action-container div.action,
.credit-completed .action-container div.action--secondary,
.credit-completed .action-container div.action--third,
.credit-completed .action-container div.action--danger {
    display: inline-block;
    margin: auto 30px;
    float: none
}

@media (min-width: 0px) and (max-width: 650px) {

    .credit-completed .action-container div.action,
    .credit-completed .action-container div.action--secondary,
    .credit-completed .action-container div.action--third,
    .credit-completed .action-container div.action--danger {
        margin-bottom: 30px
    }
}

.credit-completed .checkmark {
    display: block;
    margin: 0 auto
}

.credit-completed h1 {
    font-size: 24px;
    text-align: center;
    color: white;
    margin-top: 25px;
    margin-bottom: 50px;
    max-width: 600px;
    margin: 25px auto 50px auto
}

.credit-completed .next-steps h2 {
    font-weight: 900;
    font-size: 24px;
    letter-spacing: 0;
    font-style: italic;
    text-transform: uppercase;
    margin: 70px auto 30px;
    text-align: center
}

.credit-completed .container,
.credit-completed .container--body,
.credit-completed .container--catalog,
.credit-completed .section .container--centered,
.section .credit-completed .container--centered {
    width: 1160px;
    margin: 60px auto;
    margin-top: 0
}

.credit-completed .container:after,
.credit-completed .container--body:after,
.credit-completed .container--catalog:after,
.credit-completed .section .container--centered:after,
.section .credit-completed .container--centered:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 0px) and (max-width: 650px) {

    .credit-completed .container,
    .credit-completed .container--body,
    .credit-completed .container--catalog,
    .credit-completed .section .container--centered,
    .section .credit-completed .container--centered {
        width: 320px;
        padding: 20px
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .credit-completed .container,
    .credit-completed .container--body,
    .credit-completed .container--catalog,
    .credit-completed .section .container--centered,
    .section .credit-completed .container--centered {
        width: 90%
    }
}

@media (min-width: 900px) and (max-width: 1350px) {

    .credit-completed .container,
    .credit-completed .container--body,
    .credit-completed .container--catalog,
    .credit-completed .section .container--centered,
    .section .credit-completed .container--centered {
        width: 800px
    }
}

.credit-completed .container--full {
    width: 100%;
    max-width: 100%
}

.credit-completed .container--full.horizontal-scroll {
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 30px;
    -ms-overflow-style: none
}

@media (min-width: 0px) and (max-width: 650px) {
    .credit-completed .container--full.horizontal-scroll {
        padding: 0
    }
}

.credit-completed .container--full.horizontal-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
    height: 7px
}

.credit-completed .container--full.horizontal-scroll card-button .action,
.credit-completed .container--full.horizontal-scroll card-button .action--secondary,
.credit-completed .container--full.horizontal-scroll card-button .action--third,
.credit-completed .container--full.horizontal-scroll card-button .action--danger {
    text-transform: none;
    letter-spacing: normal
}

.credit-completed .container--full.horizontal-scroll card-price h2 {
    font-size: 24px
}

@media (min-width: 0px) and (max-width: 650px) {

    .credit-completed .container.collection,
    .credit-completed .collection.container--body,
    .credit-completed .collection.container--catalog,
    .credit-completed .section .collection.container--centered,
    .section .credit-completed .collection.container--centered {
        width: 100%;
        padding: 0;
        text-align: center
    }
}

.credit-completed .scroll-container {
    width: 4500px;
    -ms-overflow-style: none
}

.credit-completed .credit-completed--list {
    display: block;
    padding: 50px 75px;
    width: 100%;
    opacity: 0.95;
    background: white;
    box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    max-width: 900px;
    margin: 0 auto
}

.credit-completed .credit-completed--list:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 0px) and (max-width: 650px) {
    .credit-completed .credit-completed--list {
        padding: 20px
    }
}

.credit-completed .credit-completed--list-section {
    margin-bottom: 40px;
    width: 100%;
    display: inline-block
}

.credit-completed .credit-completed--list-section p {
    font-size: 18px;
    font-weight: 700
}

.credit-completed .credit-completed--list-section p+p {
    font-size: 14px;
    font-weight: 300;
    margin: 10px 0
}

.credit-completed .card-container {
    border: 1px solid rgba(39, 39, 39, 0.1);
    padding: 40px;
    border-radius: 3px;
    background: white;
    box-shadow: none;
    text-align: center;
    transition: all 0.2s ease-in-out
}

@media (min-width: 0px) and (max-width: 650px) {
    .credit-completed .card-container {
        padding: 20px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .credit-completed .card-container {
        padding: 20px
    }
}

.credit-completed .card-container:hover {
    box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(39, 39, 39, 0)
}

.credit-completed .card-container h3 {
    color: #2D7ABF;
    text-transform: uppercase;
    font-size: 18px
}

.credit-completed .card-container h4 {
    color: #272727;
    text-transform: uppercase;
    font-size: 18px;
    margin: 20px 0
}

.credit-completed .card-container--header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 0px) and (max-width: 650px) {
    .credit-completed .card-container--header {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.credit-completed .card-container--header h3 {
    text-align: left;
    color: #272727;
    font-style: italic;
    font-weight: 900;
    font-size: 24px
}

@media (min-width: 0px) and (max-width: 650px) {
    .credit-completed .card-container--header h3 {
        text-align: center;
        margin-bottom: 20px
    }
}

.credit-completed .card-container--header p {
    margin: 10px 0;
    text-align: left
}

.credit-completed .card-container--header .action,
.credit-completed .card-container--header .action--secondary,
.credit-completed .card-container--header .action--third,
.credit-completed .card-container--header .action--danger {
    margin: 0 !important;
    margin-left: auto !important;
    margin-top: 0 !important
}

@media (min-width: 0px) and (max-width: 650px) {

    .credit-completed .card-container--header .action,
    .credit-completed .card-container--header .action--secondary,
    .credit-completed .card-container--header .action--third,
    .credit-completed .card-container--header .action--danger {
        margin: 0;
        margin-right: auto !important
    }
}

.credit-completed .card-container--header+.container--full.horizontal-scroll {
    padding: 0 0 20px 0
}

.credit-completed .card-container--header .card {
    margin-top: 0
}

.credit-completed .card-container .action,
.credit-completed .card-container .action--secondary,
.credit-completed .card-container .action--third,
.credit-completed .card-container .action--danger {
    margin: 0 auto;
    float: none;
    margin-top: 20px;
    text-transform: uppercase;
    letter-spacing: 1.8px
}

.credit-completed table tr {
    background: none !important
}

@media (min-width: 0px) and (max-width: 650px) {

    .credit-completed table,
    .credit-completed thead,
    .credit-completed tbody,
    .credit-completed th,
    .credit-completed td,
    .credit-completed tr {
        display: block
    }

    .credit-completed th {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .credit-completed td {
        border: none;
        position: relative;
        padding-left: 50%;
        float: left
    }

    .credit-completed td:before {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 10px;
        text-align: left
    }

    .credit-completed tr {
        display: block;
        float: left;
        width: 100%;
        padding: 10px 0
    }

    .credit-completed tr :nth-of-type(2) {
        border: none
    }

    .credit-completed tr+tr {
        border-top: 1px solid #D8D8D8
    }

    .credit-completed td:nth-of-type(1):before {
        content: "State"
    }

    .credit-completed td:nth-of-type(2):before {
        content: "Profession"
    }

    .credit-completed td:nth-of-type(3):before {
        content: "Credit Earned"
    }
}

.credit-completed .feed-wrapper-container>.container,
.credit-completed .feed-wrapper-container>.container--body,
.credit-completed .feed-wrapper-container>.container--catalog,
.credit-completed .section .feed-wrapper-container>.container--centered,
.section .credit-completed .feed-wrapper-container>.container--centered {
    margin-top: 0px
}

.credit-completed .feed-wrapper-container>.container loading-message .empty-results-message,
.credit-completed .feed-wrapper-container>.container--body loading-message .empty-results-message,
.credit-completed .feed-wrapper-container>.container--catalog loading-message .empty-results-message,
.credit-completed .section .feed-wrapper-container>.container--centered loading-message .empty-results-message,
.section .credit-completed .feed-wrapper-container>.container--centered loading-message .empty-results-message {
    margin-top: 10px
}

.credit-completed #action-button-container {
    width: 100%;
    margin: auto;
    padding-top: 70px;
    text-align: center
}

.credit-completed #action-button-container .action,
.credit-completed #action-button-container .action--secondary,
.credit-completed #action-button-container .action--third,
.credit-completed #action-button-container .action--danger {
    width: 30%;
    max-width: 200px;
    margin: auto 30px;
    display: inline-block;
    float: none
}

@media (min-width: 0px) and (max-width: 650px) {

    .credit-completed #action-button-container .action,
    .credit-completed #action-button-container .action--secondary,
    .credit-completed #action-button-container .action--third,
    .credit-completed #action-button-container .action--danger {
        width: 100%;
        margin: 0px auto 20px
    }
}

.credit-completed #action-button-container .action a,
.credit-completed #action-button-container .action--secondary a,
.credit-completed #action-button-container .action--third a,
.credit-completed #action-button-container .action--danger a {
    padding: 20px 0px
}

.get-started__public-profile {
    background: #2D7ABF;
    background-size: cover;
    background-position: center center;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    background-image: url("//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/offer/unlimited-v3/banner-lawline-profile.jpg");
    color: #FFF;
    text-align: center
}

.get-started__public-profile .content {
    padding: 50px 25px;
    margin: auto;
    max-width: 800px
}

.get-started__public-profile .content>.action,
.get-started__public-profile .content>.action--secondary,
.get-started__public-profile .content>.action--third,
.get-started__public-profile .content>.action--danger {
    margin-top: 30px;
    float: none;
    display: inline-block
}

.get-started__public-profile .content>.action a,
.get-started__public-profile .content>.action--secondary a,
.get-started__public-profile .content>.action--third a,
.get-started__public-profile .content>.action--danger a {
    font-size: 16px
}

.get-started__public-profile h3 {
    font-size: 32px;
    color: white;
    text-transform: uppercase;
    font-weight: 900
}

.get-started__public-profile p {
    font-size: 18px;
    text-align: left
}

directory-list {
    display: block
}

.directory-list-container-inner {
    display: -ms-flexbox;
    display: flex
}

.directory-list-container-inner .column-1 {
    background: #D8D8D8
}

.directory-list-container-inner .column-1.filter-show filter-panel {
    display: initial;
    transform: initial;
    position: initial
}

@media (min-width: 0px) and (max-width: 650px) {
    .directory-list-container-inner .column-1.filter-hide filter-panel {
        display: none
    }
}

.directory-list-container-inner .column-1 filter-panel {
    padding: 24px;
    background: none;
    box-shadow: none
}

.directory-list-container-inner .column-1 filter-panel input[type="checkbox"] {
    display: none
}

.directory-list-container-inner .column-1 filter-panel label {
    color: #2D7ABF;
    margin-bottom: 4px;
    font-size: 14px
}

.directory-list-container-inner .column-1 filter-panel .filter-header {
    font-size: 16px;
    line-height: 24px;
    border-bottom: 1px solid #979797;
    margin-bottom: 6px;
    padding-bottom: 6px;
    text-transform: uppercase;
    display: block;
    font-weight: bold
}

.directory-list-container-inner .column-1 filter-panel searchable-filter {
    margin-bottom: 24px
}

.directory-list-container-inner .column-1 filter-panel searchable-filter.disabled {
    position: relative
}

.directory-list-container-inner .column-1 filter-panel searchable-filter.disabled::before {
    content: attr(data-disabled-text);
    position: absolute;
    color: #BF4343;
    font-size: 11px;
    right: 0;
    top: -31px
}

.directory-list-container-inner .column-1 filter-panel searchable-filter.disabled::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: calc(100% - 12px);
    left: 0;
    top: 12px;
    background: #000;
    opacity: 0.3
}

.directory-list-container-inner .column-1 filter-panel filter-subsection {
    background: #fff;
    padding: 12px;
    margin: 12px 0;
    margin-bottom: 0
}

.directory-list-container-inner .column-2 {
    padding: 24px;
    padding-bottom: 60px;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.directory-list-container-inner .column-2 .filter-button {
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    padding: 10px 20px;
    margin-bottom: 15px;
    cursor: pointer;
    width: auto;
    box-shadow: 0px 0px 5px 2px rgba(216, 216, 216, 0.35);
    display: none
}

@media (min-width: 0px) and (max-width: 650px) {
    .directory-list-container-inner .column-2 .filter-button {
        display: inline-block
    }
}

.directory-list-container-inner .column-2 .filter-button img {
    width: 15px;
    height: 15px;
    margin-left: 10px;
    position: relative;
    top: 3px
}

.directory-list-container-inner .column-2 .directory-searching-overlay {
    background: rgba(255, 255, 255, 0.75);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10
}

.directory-list-container-inner .column-2 .directory-search-results-meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 0
}

.directory-list-container-inner .column-2 .directory-search-results-meta:after {
    content: "";
    display: table;
    clear: both
}

.directory-list-container-inner .column-2 .directory-search-results-meta sort-menu {
    margin-left: auto
}

.directory-current-filter {
    font-size: 12px;
    line-height: 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin: 12px 0;
    margin-bottom: 24px
}

.directory-current-filter img {
    width: 12px;
    margin-right: 6px
}

.directory-page-header {
    padding: 24px;
    background: #f5f5f5
}

.directory-page-header p {
    font-style: italic;
    font-size: 16px;
    line-height: 24px
}

.directory-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px
}

.directory-header h1 {
    -ms-flex: 1;
    flex: 1
}

.directory-header form {
    width: 30%;
    min-width: 240px;
    position: relative
}

.directory-header form .main-searchbar {
    margin: 0;
    float: right;
    background-color: #fff
}

.directory-header form span {
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 12px;
    font-weight: bold;
    font-size: 12px;
    display: -ms-flexbox;
    display: flex;
    background: #D8D8D8;
    border-radius: 100%;
    height: 24px;
    width: 24px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

@media (max-width: 900px) {
    .directory-header {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .directory-header form {
        width: 100%;
        min-width: auto
    }

    .directory-header form .main-searchbar {
        margin-top: 12px
    }
}

.directory-row {
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    margin-bottom: 24px;
    overflow: hidden
}

@media (max-width: 900px) {
    .directory-row {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.directory-row p,
.directory-row ul,
.directory-row ol {
    margin-bottom: 12px
}

.directory-row p,
.directory-row li {
    font-size: 14px;
    line-height: 1.5em
}

.directory-row strong {
    font-weight: bold
}

.directory-row em {
    font-style: italic
}

.directory-row h4 {
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    margin: 24px 0;
    font-size: 16px;
    line-height: 1.25em
}

.directory-row .reset-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.directory-row .reset-list li {
    padding: 0
}

.directory-row-left {
    text-align: center;
    padding: 24px
}

@media (min-width: 901px) {
    .directory-row-left {
        width: 40%;
        min-width: 288px
    }
}

.directory-row-left img {
    border-radius: 100%;
    width: 144px;
    height: 144px;
    display: block;
    margin: 0 auto
}

.directory-row-left h1 {
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    margin: 24px 0;
    font-size: 18px;
    line-height: 1.25em
}

.directory-row-left h4 {
    font-weight: 300;
    text-transform: none;
    font-style: normal
}

.directory-row-left a {
    color: #272727
}

.directory-row-left .directory-button {
    background: #F5A623;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    line-height: 1.25em;
    text-transform: uppercase;
    padding: 12px 36px;
    font-weight: bold;
    display: inline-block;
    float: none
}

.directory-row-left .directory-photo-wrapper {
    position: relative
}

.directory-row-left .directory-faculty-indicator {
    display: inline-block;
    border: 2px solid #fff;
    background: #2D7ABF;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    font-size: 10px;
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold;
    border-radius: 6px;
    padding: 3px 12px;
    position: absolute;
    bottom: -2px;
    left: 50%
}

.directory-row-right {
    background: #272727;
    color: #fff;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 300;
    padding: 24px
}

.directory-row-right a {
    color: #fff
}

.directory-row-right h4:first-child {
    margin-top: 0
}

.directory-row-right-meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.directory-row-right-meta li {
    width: calc(50% - 6px);
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 1.25em;
    margin-bottom: 24px
}

@media (max-width: 900px) {
    .directory-row-right-meta li {
        width: 100%
    }
}

.directory-row-right-meta svg {
    width: 24px;
    margin-right: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.directory-row-right-meta svg path {
    fill: #fff
}

.directory-row-right .directory-practice-areas-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative
}

.directory-row-right .directory-practice-areas-wrapper:after {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
    display: block;
    width: 12px;
    box-shadow: inset -20px 0 10px -15px rgba(39, 39, 39, 0.8)
}

.directory-row-right .directory-practice-areas {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: 0;
    margin-bottom: 0
}

.directory-row-right .directory-practice-areas li {
    background: #2D7ABF;
    color: #fff;
    border-radius: 100px;
    padding: 6px 24px;
    display: inline-block;
    margin: 0;
    margin-right: 6px;
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.error-page {
    color: white;
    text-align: center;
    background-color: #272727;
    padding: 200px 0
}

.error-page:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 0px) and (max-width: 650px) {
    .error-page {
        padding: 100px 0
    }
}

.error-page h1 {
    position: relative;
    margin-bottom: 200px
}

@media (min-width: 0px) and (max-width: 650px) {
    .error-page h1 {
        font-size: 26px;
        margin-bottom: 100px
    }
}

.error-page.error-404 h1:after {
    content: '404';
    font-size: 800%;
    opacity: 0.05;
    font-weight: 900;
    font-style: italic;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 30%
}

.error-page h2 {
    font-size: 24px;
    font-weight: 900;
    font-style: italic;
    margin-bottom: 50px;
    text-transform: uppercase
}

@media (min-width: 0px) and (max-width: 650px) {
    .error-page h2 {
        font-size: 18px
    }
}

.error-page catagorized-search {
    display: block;
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 50px
}

.error-page .secondary-actions {
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 0px) and (max-width: 650px) {
    .error-page .secondary-actions {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.error-page .divider {
    width: calc(100% / 3);
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid white;
    padding: 30px 50px
}

@media (min-width: 0px) and (max-width: 650px) {
    .error-page .divider {
        width: 100%;
        border: none
    }
}

.error-page .divider img {
    margin-bottom: 20px;
    width: 50px
}

.error-page .divider h3 {
    font-size: 16px;
    font-weight: 900;
    font-style: italic;
    margin-bottom: 20px;
    text-transform: uppercase
}

.error-page .divider:first-child {
    border-left: none;
    border-right: none
}

@media (min-width: 0px) and (max-width: 650px) {
    .error-page .divider:first-child {
        border-top: 1px solid white;
        border-bottom: 1px solid white
    }
}

.error-page .divider:last-child {
    border-left: none;
    border-right: none
}

@media (min-width: 0px) and (max-width: 650px) {
    .error-page .divider:last-child {
        border-top: 1px solid white;
        border-bottom: 1px solid white
    }
}

.error-page+.footer {
    margin-top: 0
}

.error-page .action,
.error-page .action--secondary,
.error-page .action--third,
.error-page .action--danger {
    display: inline-block;
    float: none;
    text-align: center;
    text-transform: uppercase
}

faculty-list {
    display: block
}

.faculty-list-container {
    float: none
}

.faculty-list-container h1 {
    margin-bottom: 0
}

.faculty-list-container .container,
.faculty-list-container .container--body,
.faculty-list-container .container--catalog,
.faculty-list-container .section .container--centered,
.section .faculty-list-container .container--centered {
    width: 1160px
}

@media (min-width: 0px) and (max-width: 650px) {

    .faculty-list-container .container,
    .faculty-list-container .container--body,
    .faculty-list-container .container--catalog,
    .faculty-list-container .section .container--centered,
    .section .faculty-list-container .container--centered {
        width: 320px;
        padding: 20px;
        margin-bottom: 30px
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .faculty-list-container .container,
    .faculty-list-container .container--body,
    .faculty-list-container .container--catalog,
    .faculty-list-container .section .container--centered,
    .section .faculty-list-container .container--centered {
        width: 80%
    }
}

@media (min-width: 900px) and (max-width: 1350px) {

    .faculty-list-container .container,
    .faculty-list-container .container--body,
    .faculty-list-container .container--catalog,
    .faculty-list-container .section .container--centered,
    .section .faculty-list-container .container--centered {
        width: 800px
    }
}

.faculty-list-container .faculty-hero {
    height: 175px;
    overflow: hidden
}

@media (min-width: 0px) and (max-width: 650px) {
    .faculty-list-container .faculty-hero {
        overflow: visible;
        height: auto;
        text-align: center
    }
}

.faculty-list-container .faculty-hero ul li {
    float: left
}

@media (min-width: 0px) and (max-width: 650px) {
    .faculty-list-container .faculty-hero ul {
        float: none
    }
}

.faculty-details-container {
    width: 100%;
    height: auto
}

.faculty-details-container .section-changer {
    position: static;
    height: auto;
    padding: 60px 0;
    background: #f5f5f5;
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8
}

@media (min-width: 0px) and (max-width: 650px) {
    .faculty-details-container .section-changer {
        padding: 30px 0
    }
}

.faculty-details-container .left-container,
.faculty-details-container .right-container {
    margin: 0 2.5%
}

.faculty-details-container .left-container>div,
.faculty-details-container .right-container>div {
    font-weight: 300;
    line-height: 1.35
}

@media (min-width: 0px) and (max-width: 650px) {

    .faculty-details-container .left-container,
    .faculty-details-container .right-container {
        width: 100%;
        margin-bottom: 30px
    }
}

.faculty-details-container .container,
.faculty-details-container .container--body,
.faculty-details-container .container--catalog,
.faculty-details-container .section .container--centered,
.section .faculty-details-container .container--centered {
    width: 1160px;
    margin: 60px auto
}

@media (min-width: 0px) and (max-width: 650px) {

    .faculty-details-container .container,
    .faculty-details-container .container--body,
    .faculty-details-container .container--catalog,
    .faculty-details-container .section .container--centered,
    .section .faculty-details-container .container--centered {
        width: 320px;
        padding: 20px;
        margin-bottom: 30px
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .faculty-details-container .container,
    .faculty-details-container .container--body,
    .faculty-details-container .container--catalog,
    .faculty-details-container .section .container--centered,
    .section .faculty-details-container .container--centered {
        width: 80%
    }
}

@media (min-width: 900px) and (max-width: 1350px) {

    .faculty-details-container .container,
    .faculty-details-container .container--body,
    .faculty-details-container .container--catalog,
    .faculty-details-container .section .container--centered,
    .section .faculty-details-container .container--centered {
        width: 870px
    }
}

.faculty-details-container .faculty-courses {
    width: 1160px;
    margin: 0 auto
}

@media (min-width: 0px) and (max-width: 650px) {
    .faculty-details-container .faculty-courses {
        width: 320px;
        padding: 20px;
        margin-bottom: 30px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .faculty-details-container .faculty-courses {
        width: 80%
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    .faculty-details-container .faculty-courses {
        width: 870px
    }
}

.faculty-hero {
    width: 1160px;
    margin: 0 auto
}

.faculty-hero:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 0px) and (max-width: 650px) {
    .faculty-hero {
        width: 320px;
        padding: 20px;
        margin-bottom: 30px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .faculty-hero {
        width: 80%
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    .faculty-hero {
        width: 870px
    }
}

.faculty-hero .faculty-profile-image {
    width: auto
}

@media (min-width: 0px) and (max-width: 650px) {
    .faculty-hero .faculty-profile-image {
        margin: 0 auto;
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }

    .faculty-hero .faculty-profile-image:after {
        content: "";
        display: table;
        clear: both
    }
}

.faculty-hero .faculty-profile-image img {
    float: left;
    border-radius: 100%;
    margin-right: 60px;
    width: 200px;
    height: 200px
}

@media (min-width: 0px) and (max-width: 650px) {
    .faculty-hero .faculty-profile-image img {
        width: 100px;
        height: 100px;
        margin: 0;
        float: none;
        display: inline
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .faculty-hero .faculty-profile-image img {
        width: 100px;
        height: 100px
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    .faculty-hero .faculty-profile-image img {
        width: 100px;
        height: 100px
    }
}

.faculty-hero h1 {
    font-size: 80px;
    font-weight: 300
}

@media (min-width: 0px) and (max-width: 650px) {
    .faculty-hero h1 {
        font-size: 30px;
        margin-bottom: 20px;
        float: none;
        text-align: center
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .faculty-hero h1 {
        font-size: 35px
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    .faculty-hero h1 {
        font-size: 45px
    }
}

.faculty-hero ul {
    padding: 0;
    margin-top: 30px;
    float: left;
    width: 100%;
    max-width: 700px
}

@media (min-width: 650px) and (max-width: 900px) {
    .faculty-hero ul {
        max-width: 430px;
        margin-top: 15px
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    .faculty-hero ul {
        margin-top: 15px
    }
}

.faculty-hero li {
    list-style-type: none;
    float: left;
    font-size: 14px;
    padding: 0;
    padding-right: 20px;
    height: 40px
}

.faculty-hero li img {
    margin-right: 10px;
    position: relative;
    top: 5px;
    width: 20px;
    height: 20px
}

@media (min-width: 0px) and (max-width: 650px) {
    .faculty-hero li {
        text-align: center;
        width: 100%;
        padding: 0
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .faculty-hero li {
        float: left;
        width: 50%
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    .faculty-hero li {
        float: left;
        width: 50%
    }
}

.faculty-hero.row,
.state-seo-new .faculty-hero.row--centered {
    padding: 30px 0;
    border-bottom: 1px solid #D8D8D8;
    width: 100%;
    float: left
}

.faculty-hero.row:after,
.state-seo-new .faculty-hero.row--centered:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 0px) and (max-width: 650px) {

    .faculty-hero.row,
    .state-seo-new .faculty-hero.row--centered {
        width: 100%
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .faculty-hero.row,
    .state-seo-new .faculty-hero.row--centered {
        width: 100%
    }
}

.faculty-hero.row h2,
.state-seo-new .faculty-hero.row--centered h2 {
    font-weight: 300;
    font-size: 24px
}

.faculty-hero.row h2 a,
.state-seo-new .faculty-hero.row--centered h2 a {
    color: #272727
}

.faculty-hero.row ul,
.state-seo-new .faculty-hero.row--centered ul {
    margin-top: 10px
}

.faculty-hero.row li img,
.state-seo-new .faculty-hero.row--centered li img {
    width: 16px;
    height: 15px;
    top: 3px;
    font-size: 12px
}

.faculty-hero.row .faculty-profile-image img,
.state-seo-new .faculty-hero.row--centered .faculty-profile-image img {
    width: 75px;
    height: 75px;
    margin-right: 20px
}

.container.login-register.join .section-title,
.login-register.join.container--body .section-title,
.login-register.join.container--catalog .section-title,
.section .login-register.join.container--centered .section-title {
    text-align: left
}

.container.login-register.join .half-container,
.login-register.join.container--body .half-container,
.login-register.join.container--catalog .half-container,
.section .login-register.join.container--centered .half-container {
    width: 50%;
    display: block;
    float: left;
    text-align: left
}

@media (min-width: 0px) and (max-width: 650px) {

    .container.login-register.join .half-container,
    .login-register.join.container--body .half-container,
    .login-register.join.container--catalog .half-container,
    .section .login-register.join.container--centered .half-container {
        width: 100%
    }

    .container.login-register.join .half-container+.half-container,
    .login-register.join.container--body .half-container+.half-container,
    .login-register.join.container--catalog .half-container+.half-container,
    .section .login-register.join.container--centered .half-container+.half-container {
        margin-top: 60px
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .container.login-register.join .half-container,
    .login-register.join.container--body .half-container,
    .login-register.join.container--catalog .half-container,
    .section .login-register.join.container--centered .half-container {
        width: 100%
    }

    .container.login-register.join .half-container+.half-container,
    .login-register.join.container--body .half-container+.half-container,
    .login-register.join.container--catalog .half-container+.half-container,
    .section .login-register.join.container--centered .half-container+.half-container {
        margin-top: 60px
    }
}

.container.login-register.join .half-container--right,
.login-register.join.container--body .half-container--right,
.login-register.join.container--catalog .half-container--right,
.section .login-register.join.container--centered .half-container--right {
    color: white;
    background: #272727;
    padding: 60px 30px
}

.container.login-register.join .half-container--right .helper--label,
.login-register.join.container--body .half-container--right .helper--label,
.login-register.join.container--catalog .half-container--right .helper--label,
.section .login-register.join.container--centered .half-container--right .helper--label {
    color: white
}

.container.login-register.join .half-container--right h2,
.login-register.join.container--body .half-container--right h2,
.login-register.join.container--catalog .half-container--right h2,
.section .login-register.join.container--centered .half-container--right h2,
.container.login-register.join .half-container--right p,
.login-register.join.container--body .half-container--right p,
.login-register.join.container--catalog .half-container--right p,
.section .login-register.join.container--centered .half-container--right p,
.container.login-register.join .half-container--right .action,
.login-register.join.container--body .half-container--right .action,
.login-register.join.container--catalog .half-container--right .action,
.section .login-register.join.container--centered .half-container--right .action,
.container.login-register.join .half-container--right .action--secondary,
.login-register.join.container--body .half-container--right .action--secondary,
.login-register.join.container--catalog .half-container--right .action--secondary,
.section .login-register.join.container--centered .half-container--right .action--secondary,
.container.login-register.join .half-container--right .action--third,
.login-register.join.container--body .half-container--right .action--third,
.login-register.join.container--catalog .half-container--right .action--third,
.section .login-register.join.container--centered .half-container--right .action--third,
.container.login-register.join .half-container--right .action--danger,
.login-register.join.container--body .half-container--right .action--danger,
.login-register.join.container--catalog .half-container--right .action--danger,
.section .login-register.join.container--centered .half-container--right .action--danger {
    float: left;
    clear: both
}

.container.login-register.join .half-container--right h2+.field,
.login-register.join.container--body .half-container--right h2+.field,
.login-register.join.container--catalog .half-container--right h2+.field,
.section .login-register.join.container--centered .half-container--right h2+.field,
.container.login-register.join .half-container--right h2+.field--shortened,
.login-register.join.container--body .half-container--right h2+.field--shortened,
.login-register.join.container--catalog .half-container--right h2+.field--shortened,
.section .login-register.join.container--centered .half-container--right h2+.field--shortened {
    margin-top: 30px
}

.container.login-register.join .half-container--right .field+h2,
.login-register.join.container--body .half-container--right .field+h2,
.login-register.join.container--catalog .half-container--right .field+h2,
.section .login-register.join.container--centered .half-container--right .field+h2,
.container.login-register.join .half-container--right .field--shortened+h2,
.login-register.join.container--body .half-container--right .field--shortened+h2,
.login-register.join.container--catalog .half-container--right .field--shortened+h2,
.section .login-register.join.container--centered .half-container--right .field--shortened+h2 {
    margin-top: 30px
}

.container--catalog .bridge-the-gap .wrapper {
    width: 70%;
    max-width: 1000px;
    margin: 0 auto
}

@media (min-width: 0px) and (max-width: 650px) {
    .container--catalog .bridge-the-gap .wrapper {
        width: 90%
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .container--catalog .bridge-the-gap .wrapper {
        width: 90%
    }
}

.container--catalog .bridge-the-gap .wrapper h2 {
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    font-style: italic;
    margin-bottom: 50px;
    font-size: 36px
}

.container--catalog .bridge-the-gap .hero,
.container--catalog .bridge-the-gap unlimited-banner .hero--auto,
unlimited-banner .container--catalog .bridge-the-gap .hero--auto {
    text-align: left;
    background: #2D7ABF;
    background-image: url("//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/secondary/btg-2018-bg.jpg");
    background-size: cover;
    background-position: center center;
    padding-bottom: 50px !important
}

.container--catalog .bridge-the-gap .hero h1,
.container--catalog .bridge-the-gap unlimited-banner .hero--auto h1,
unlimited-banner .container--catalog .bridge-the-gap .hero--auto h1 {
    text-transform: uppercase;
    font-weight: 900;
    color: white;
    font-style: italic
}

.container--catalog .bridge-the-gap .hero p,
.container--catalog .bridge-the-gap unlimited-banner .hero--auto p,
unlimited-banner .container--catalog .bridge-the-gap .hero--auto p {
    text-align: left;
    color: white;
    font-size: 18px
}

.container--catalog .bridge-the-gap .event-list {
    margin-bottom: -80px
}

.container--catalog .bridge-the-gap .event-list .container,
.container--catalog .bridge-the-gap .event-list .container--body,
.container--catalog .bridge-the-gap .event-list .container--catalog,
.container--catalog .bridge-the-gap .event-list .section .container--centered,
.section .container--catalog .bridge-the-gap .event-list .container--centered {
    width: 100%
}

.container--catalog .bridge-the-gap .event-list h3 {
    color: black;
    font-size: 18px;
    font-weight: 900;
    text-align: left;
    text-transform: uppercase;
    font-style: italic;
    padding: 15px 50px
}

.container--catalog .bridge-the-gap .event-list h4 {
    font-size: 14px;
    color: black
}

.container--catalog .bridge-the-gap .event-list p {
    color: #272727
}

.container--catalog .bridge-the-gap .event-list .product {
    background: #f5f5f5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px 50px
}

@media (min-width: 0px) and (max-width: 650px) {
    .container--catalog .bridge-the-gap .event-list .product {
        padding: 15px 25px
    }
}

.container--catalog .bridge-the-gap .event-list .product p+h4 {
    margin-top: 15px;
    margin-bottom: 25px
}

.container--catalog .bridge-the-gap .event-list .product .action,
.container--catalog .bridge-the-gap .event-list .product .action--secondary,
.container--catalog .bridge-the-gap .event-list .product .action--third,
.container--catalog .bridge-the-gap .event-list .product .action--danger {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.container--catalog .bridge-the-gap .event-list .action.empty,
.container--catalog .bridge-the-gap .event-list .empty.action--secondary,
.container--catalog .bridge-the-gap .event-list .empty.action--third,
.container--catalog .bridge-the-gap .event-list .empty.action--danger {
    margin: 25px 50px
}

.container--catalog .bridge-the-gap .toggle-control {
    background: #f5f5f5;
    border-radius: 50px;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    margin-bottom: 50px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 600px
}

@media (min-width: 0px) and (max-width: 650px) {
    .container--catalog .bridge-the-gap .toggle-control {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.container--catalog .bridge-the-gap .toggle-control .toggle {
    font-style: italic;
    text-transform: uppercase;
    text-align: center;
    width: 50%;
    padding: 20px;
    font-weight: 900;
    cursor: pointer
}

@media (min-width: 0px) and (max-width: 650px) {
    .container--catalog .bridge-the-gap .toggle-control .toggle {
        padding: 10px;
        width: 100%
    }
}

.container--catalog .bridge-the-gap .toggle-control .toggle.active {
    background: #2D7ABF;
    color: white;
    border-radius: 50px
}

.container--catalog .bridge-the-gap .offer-pill {
    background-image: linear-gradient(225deg, #2D7ABF 0%, #272727 100%);
    border-radius: 3px;
    color: white;
    letter-spacing: 2px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 30px;
    font-size: 12px;
    display: inline-block;
    margin-bottom: 15px
}

.container--catalog .bridge-the-gap .content-container {
    padding: 50px
}

.container--catalog .bridge-the-gap .container,
.container--catalog .bridge-the-gap .container--body,
.container--catalog .bridge-the-gap .container--catalog,
.container--catalog .bridge-the-gap .section .container--centered,
.section .container--catalog .bridge-the-gap .container--centered {
    background: white;
    border-radius: 3px
}

.container--catalog .bridge-the-gap .row,
.container--catalog .bridge-the-gap .state-seo-new .row--centered,
.state-seo-new .container--catalog .bridge-the-gap .row--centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 0px) and (max-width: 650px) {

    .container--catalog .bridge-the-gap .row,
    .container--catalog .bridge-the-gap .state-seo-new .row--centered,
    .state-seo-new .container--catalog .bridge-the-gap .row--centered {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.container--catalog .bridge-the-gap .row.align-top,
.container--catalog .bridge-the-gap .state-seo-new .align-top.row--centered,
.state-seo-new .container--catalog .bridge-the-gap .align-top.row--centered {
    -ms-flex-align: start;
    align-items: flex-start
}

.container--catalog .bridge-the-gap .content-tab {
    display: none
}

.container--catalog .bridge-the-gap .content-tab.active {
    display: -ms-flexbox;
    display: flex
}

.container--catalog .bridge-the-gap .column,
.container--catalog .bridge-the-gap .section .column--third,
.section .container--catalog .bridge-the-gap .column--third,
.container--catalog .bridge-the-gap .section .column--half,
.section .container--catalog .bridge-the-gap .column--half,
.container--catalog .bridge-the-gap .section .column--split,
.section .container--catalog .bridge-the-gap .column--split {
    width: 50%;
    padding-right: 25px;
    text-align: left;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 0px) and (max-width: 650px) {

    .container--catalog .bridge-the-gap .column,
    .container--catalog .bridge-the-gap .section .column--third,
    .section .container--catalog .bridge-the-gap .column--third,
    .container--catalog .bridge-the-gap .section .column--half,
    .section .container--catalog .bridge-the-gap .column--half,
    .container--catalog .bridge-the-gap .section .column--split,
    .section .container--catalog .bridge-the-gap .column--split {
        width: 100%;
        padding-right: 0
    }
}

.container--catalog .bridge-the-gap .column+.column,
.container--catalog .bridge-the-gap .section .column--third+.column,
.section .container--catalog .bridge-the-gap .column--third+.column,
.container--catalog .bridge-the-gap .section .column--half+.column,
.section .container--catalog .bridge-the-gap .column--half+.column,
.container--catalog .bridge-the-gap .section .column--split+.column,
.section .container--catalog .bridge-the-gap .column--split+.column,
.container--catalog .bridge-the-gap .section .column+.column--third,
.section .container--catalog .bridge-the-gap .column+.column--third,
.container--catalog .bridge-the-gap .section .column--third+.column--third,
.section .container--catalog .bridge-the-gap .column--third+.column--third,
.container--catalog .bridge-the-gap .section .column--half+.column--third,
.section .container--catalog .bridge-the-gap .column--half+.column--third,
.container--catalog .bridge-the-gap .section .column--split+.column--third,
.section .container--catalog .bridge-the-gap .column--split+.column--third,
.container--catalog .bridge-the-gap .section .column+.column--half,
.section .container--catalog .bridge-the-gap .column+.column--half,
.container--catalog .bridge-the-gap .section .column--third+.column--half,
.section .container--catalog .bridge-the-gap .column--third+.column--half,
.container--catalog .bridge-the-gap .section .column--half+.column--half,
.section .container--catalog .bridge-the-gap .column--half+.column--half,
.container--catalog .bridge-the-gap .section .column--split+.column--half,
.section .container--catalog .bridge-the-gap .column--split+.column--half,
.container--catalog .bridge-the-gap .section .column+.column--split,
.section .container--catalog .bridge-the-gap .column+.column--split,
.container--catalog .bridge-the-gap .section .column--third+.column--split,
.section .container--catalog .bridge-the-gap .column--third+.column--split,
.container--catalog .bridge-the-gap .section .column--half+.column--split,
.section .container--catalog .bridge-the-gap .column--half+.column--split,
.container--catalog .bridge-the-gap .section .column--split+.column--split,
.section .container--catalog .bridge-the-gap .column--split+.column--split {
    padding-right: 0;
    padding-left: 25px
}

@media (min-width: 0px) and (max-width: 650px) {

    .container--catalog .bridge-the-gap .column+.column,
    .container--catalog .bridge-the-gap .section .column--third+.column,
    .section .container--catalog .bridge-the-gap .column--third+.column,
    .container--catalog .bridge-the-gap .section .column--half+.column,
    .section .container--catalog .bridge-the-gap .column--half+.column,
    .container--catalog .bridge-the-gap .section .column--split+.column,
    .section .container--catalog .bridge-the-gap .column--split+.column,
    .container--catalog .bridge-the-gap .section .column+.column--third,
    .section .container--catalog .bridge-the-gap .column+.column--third,
    .container--catalog .bridge-the-gap .section .column--third+.column--third,
    .section .container--catalog .bridge-the-gap .column--third+.column--third,
    .container--catalog .bridge-the-gap .section .column--half+.column--third,
    .section .container--catalog .bridge-the-gap .column--half+.column--third,
    .container--catalog .bridge-the-gap .section .column--split+.column--third,
    .section .container--catalog .bridge-the-gap .column--split+.column--third,
    .container--catalog .bridge-the-gap .section .column+.column--half,
    .section .container--catalog .bridge-the-gap .column+.column--half,
    .container--catalog .bridge-the-gap .section .column--third+.column--half,
    .section .container--catalog .bridge-the-gap .column--third+.column--half,
    .container--catalog .bridge-the-gap .section .column--half+.column--half,
    .section .container--catalog .bridge-the-gap .column--half+.column--half,
    .container--catalog .bridge-the-gap .section .column--split+.column--half,
    .section .container--catalog .bridge-the-gap .column--split+.column--half,
    .container--catalog .bridge-the-gap .section .column+.column--split,
    .section .container--catalog .bridge-the-gap .column+.column--split,
    .container--catalog .bridge-the-gap .section .column--third+.column--split,
    .section .container--catalog .bridge-the-gap .column--third+.column--split,
    .container--catalog .bridge-the-gap .section .column--half+.column--split,
    .section .container--catalog .bridge-the-gap .column--half+.column--split,
    .container--catalog .bridge-the-gap .section .column--split+.column--split,
    .section .container--catalog .bridge-the-gap .column--split+.column--split {
        margin-top: 25px;
        padding-left: 0
    }
}

.container--catalog .bridge-the-gap .section {
    padding: 50px 0;
    float: left;
    width: 100%
}

.container--catalog .bridge-the-gap .section+.section {
    margin-top: 50px
}

.container--catalog .bridge-the-gap .section p {
    text-align: left;
    font-size: 18px
}

.container--catalog .bridge-the-gap .section p+.action,
.container--catalog .bridge-the-gap .section p+.action--secondary,
.container--catalog .bridge-the-gap .section p+.action--third,
.container--catalog .bridge-the-gap .section p+.action--danger {
    margin-top: 25px;
    float: none;
    display: inline-block
}

.container--catalog .bridge-the-gap .section h3 {
    text-transform: uppercase
}

.container--catalog .bridge-the-gap .section.get-flexibility {
    background: #2D7ABF;
    background-size: cover;
    background-position: center center;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    background-image: url("//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/offer/unlimited-v3/banner-group.jpg");
    color: #FFF;
    text-align: center
}

.container--catalog .bridge-the-gap .section.get-flexibility h3 {
    font-size: 28px;
    margin-bottom: 30px
}

.container--catalog .bridge-the-gap .section.get-flexibility p {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px
}

.container--catalog .bridge-the-gap .section.get-flexibility .wrapper>.action,
.container--catalog .bridge-the-gap .section.get-flexibility .wrapper>.action--secondary,
.container--catalog .bridge-the-gap .section.get-flexibility .wrapper>.action--third,
.container--catalog .bridge-the-gap .section.get-flexibility .wrapper>.action--danger {
    margin-top: 40px
}

.container--catalog .bridge-the-gap .action,
.container--catalog .bridge-the-gap .action--secondary,
.container--catalog .bridge-the-gap .action--third,
.container--catalog .bridge-the-gap .action--danger {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px
}

.container--catalog {
    margin: auto
}

.container--catalog recommendation-feed .recommendation-feed-wrapper .section .card-container--header {
    padding-bottom: 0
}

.container--catalog product-hierarchy-catalog sort-menu .popup-dropdown {
    border: 1px solid #000;
    border-radius: .2em;
    width: 175px;
    height: 45px
}

@media (min-width: 0px) and (max-width: 650px) {
    .container--catalog product-hierarchy-catalog sort-menu .popup-dropdown {
        max-width: 130px
    }
}

.container--catalog product-hierarchy-catalog sort-menu .popup-dropdown .dropdown-button {
    padding: 0px;
    text-align: center;
    position: relative;
    height: 45px
}

.container--catalog product-hierarchy-catalog sort-menu .popup-dropdown .dropdown-button>* {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.container--catalog product-hierarchy-catalog sort-menu .popup-dropdown .dropdown-button h3 {
    width: 100%;
    padding-right: 30px;
    float: none;
    font-style: italic;
    font-weight: 900;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    color: #000;
    margin: 0
}

.container--catalog product-hierarchy-catalog sort-menu .popup-dropdown .dropdown-button img {
    float: none;
    right: 8px
}

.container--catalog product-hierarchy-catalog sort-menu .popup-dropdown popout li {
    text-align: left;
    padding: 10px 20px !important
}

.container--catalog product-hierarchy-catalog sort-menu .popup-dropdown popout li.active {
    font-weight: 400
}

.container--catalog h3 {
    font-weight: 900;
    font-size: 24px;
    font-style: italic;
    text-transform: uppercase
}

.container--catalog.search product-hierarchy-catalog {
    margin-top: 0
}

.container--catalog.bundles .section.masthead,
.container--catalog.state_bundles .section.masthead,
.container--catalog.curricula .section.masthead,
.container--catalog.curricula_category .section.masthead,
.container--catalog.state_curricula .section.masthead,
.container--catalog.state_curricula_category .section.masthead,
.container--catalog.bridge_the_gap .section.masthead {
    display: none
}

.container--catalog.bundles .section.subhead,
.container--catalog.state_bundles .section.subhead,
.container--catalog.curricula .section.subhead,
.container--catalog.curricula_category .section.subhead,
.container--catalog.state_curricula .section.subhead,
.container--catalog.state_curricula_category .section.subhead,
.container--catalog.bridge_the_gap .section.subhead {
    display: none
}

.container--catalog.bundles .content-wrapper>.container.full-width,
.container--catalog.bundles .content-wrapper>.full-width.container--body,
.container--catalog.bundles .content-wrapper>.full-width.container--catalog,
.container--catalog.bundles .section .content-wrapper>.full-width.container--centered,
.section .container--catalog.bundles .content-wrapper>.full-width.container--centered,
.container--catalog.state_bundles .content-wrapper>.container.full-width,
.container--catalog.state_bundles .content-wrapper>.full-width.container--body,
.container--catalog.state_bundles .content-wrapper>.full-width.container--catalog,
.container--catalog.state_bundles .section .content-wrapper>.full-width.container--centered,
.section .container--catalog.state_bundles .content-wrapper>.full-width.container--centered,
.container--catalog.curricula .content-wrapper>.container.full-width,
.container--catalog.curricula .content-wrapper>.full-width.container--body,
.container--catalog.curricula .content-wrapper>.full-width.container--catalog,
.container--catalog.curricula .section .content-wrapper>.full-width.container--centered,
.section .container--catalog.curricula .content-wrapper>.full-width.container--centered,
.container--catalog.curricula_category .content-wrapper>.container.full-width,
.container--catalog.curricula_category .content-wrapper>.full-width.container--body,
.container--catalog.curricula_category .content-wrapper>.full-width.container--catalog,
.container--catalog.curricula_category .section .content-wrapper>.full-width.container--centered,
.section .container--catalog.curricula_category .content-wrapper>.full-width.container--centered,
.container--catalog.state_curricula .content-wrapper>.container.full-width,
.container--catalog.state_curricula .content-wrapper>.full-width.container--body,
.container--catalog.state_curricula .content-wrapper>.full-width.container--catalog,
.container--catalog.state_curricula .section .content-wrapper>.full-width.container--centered,
.section .container--catalog.state_curricula .content-wrapper>.full-width.container--centered,
.container--catalog.state_curricula_category .content-wrapper>.container.full-width,
.container--catalog.state_curricula_category .content-wrapper>.full-width.container--body,
.container--catalog.state_curricula_category .content-wrapper>.full-width.container--catalog,
.container--catalog.state_curricula_category .section .content-wrapper>.full-width.container--centered,
.section .container--catalog.state_curricula_category .content-wrapper>.full-width.container--centered,
.container--catalog.bridge_the_gap .content-wrapper>.container.full-width,
.container--catalog.bridge_the_gap .content-wrapper>.full-width.container--body,
.container--catalog.bridge_the_gap .content-wrapper>.full-width.container--catalog,
.container--catalog.bridge_the_gap .section .content-wrapper>.full-width.container--centered,
.section .container--catalog.bridge_the_gap .content-wrapper>.full-width.container--centered {
    width: 100% !important;
    max-width: 100% !important
}

.container--catalog.bundles .content-wrapper>.container.full-width ui-view>.container,
.container--catalog.bundles .content-wrapper>.full-width.container--body ui-view>.container,
.container--catalog.bundles .content-wrapper>.full-width.container--catalog ui-view>.container,
.container--catalog.bundles .section .content-wrapper>.full-width.container--centered ui-view>.container,
.section .container--catalog.bundles .content-wrapper>.full-width.container--centered ui-view>.container,
.container--catalog.bundles .content-wrapper>.container.full-width ui-view>.container--body,
.container--catalog.bundles .content-wrapper>.full-width.container--body ui-view>.container--body,
.container--catalog.bundles .content-wrapper>.full-width.container--catalog ui-view>.container--body,
.container--catalog.bundles .section .content-wrapper>.full-width.container--centered ui-view>.container--body,
.section .container--catalog.bundles .content-wrapper>.full-width.container--centered ui-view>.container--body,
.container--catalog.bundles .content-wrapper>.container.full-width ui-view>.container--catalog,
.container--catalog.bundles .content-wrapper>.full-width.container--body ui-view>.container--catalog,
.container--catalog.bundles .content-wrapper>.full-width.container--catalog ui-view>.container--catalog,
.container--catalog.bundles .section .content-wrapper>.full-width.container--centered ui-view>.container--catalog,
.section .container--catalog.bundles .content-wrapper>.full-width.container--centered ui-view>.container--catalog,
.container--catalog.bundles .content-wrapper>.container.full-width .section ui-view>.container--centered,
.section .container--catalog.bundles .content-wrapper>.container.full-width ui-view>.container--centered,
.container--catalog.bundles .content-wrapper>.full-width.container--body .section ui-view>.container--centered,
.section .container--catalog.bundles .content-wrapper>.full-width.container--body ui-view>.container--centered,
.container--catalog.bundles .content-wrapper>.full-width.container--catalog .section ui-view>.container--centered,
.section .container--catalog.bundles .content-wrapper>.full-width.container--catalog ui-view>.container--centered,
.container--catalog.bundles .section .content-wrapper>.full-width.container--centered ui-view>.container--centered,
.section .container--catalog.bundles .content-wrapper>.full-width.container--centered ui-view>.container--centered,
.container--catalog.state_bundles .content-wrapper>.container.full-width ui-view>.container,
.container--catalog.state_bundles .content-wrapper>.full-width.container--body ui-view>.container,
.container--catalog.state_bundles .content-wrapper>.full-width.container--catalog ui-view>.container,
.container--catalog.state_bundles .section .content-wrapper>.full-width.container--centered ui-view>.container,
.section .container--catalog.state_bundles .content-wrapper>.full-width.container--centered ui-view>.container,
.container--catalog.state_bundles .content-wrapper>.container.full-width ui-view>.container--body,
.container--catalog.state_bundles .content-wrapper>.full-width.container--body ui-view>.container--body,
.container--catalog.state_bundles .content-wrapper>.full-width.container--catalog ui-view>.container--body,
.container--catalog.state_bundles .section .content-wrapper>.full-width.container--centered ui-view>.container--body,
.section .container--catalog.state_bundles .content-wrapper>.full-width.container--centered ui-view>.container--body,
.container--catalog.state_bundles .content-wrapper>.container.full-width ui-view>.container--catalog,
.container--catalog.state_bundles .content-wrapper>.full-width.container--body ui-view>.container--catalog,
.container--catalog.state_bundles .content-wrapper>.full-width.container--catalog ui-view>.container--catalog,
.container--catalog.state_bundles .section .content-wrapper>.full-width.container--centered ui-view>.container--catalog,
.section .container--catalog.state_bundles .content-wrapper>.full-width.container--centered ui-view>.container--catalog,
.container--catalog.state_bundles .content-wrapper>.container.full-width .section ui-view>.container--centered,
.section .container--catalog.state_bundles .content-wrapper>.container.full-width ui-view>.container--centered,
.container--catalog.state_bundles .content-wrapper>.full-width.container--body .section ui-view>.container--centered,
.section .container--catalog.state_bundles .content-wrapper>.full-width.container--body ui-view>.container--centered,
.container--catalog.state_bundles .content-wrapper>.full-width.container--catalog .section ui-view>.container--centered,
.section .container--catalog.state_bundles .content-wrapper>.full-width.container--catalog ui-view>.container--centered,
.container--catalog.state_bundles .section .content-wrapper>.full-width.container--centered ui-view>.container--centered,
.section .container--catalog.state_bundles .content-wrapper>.full-width.container--centered ui-view>.container--centered,
.container--catalog.curricula .content-wrapper>.container.full-width ui-view>.container,
.container--catalog.curricula .content-wrapper>.full-width.container--body ui-view>.container,
.container--catalog.curricula .content-wrapper>.full-width.container--catalog ui-view>.container,
.container--catalog.curricula .section .content-wrapper>.full-width.container--centered ui-view>.container,
.section .container--catalog.curricula .content-wrapper>.full-width.container--centered ui-view>.container,
.container--catalog.curricula .content-wrapper>.container.full-width ui-view>.container--body,
.container--catalog.curricula .content-wrapper>.full-width.container--body ui-view>.container--body,
.container--catalog.curricula .content-wrapper>.full-width.container--catalog ui-view>.container--body,
.container--catalog.curricula .section .content-wrapper>.full-width.container--centered ui-view>.container--body,
.section .container--catalog.curricula .content-wrapper>.full-width.container--centered ui-view>.container--body,
.container--catalog.curricula .content-wrapper>.container.full-width ui-view>.container--catalog,
.container--catalog.curricula .content-wrapper>.full-width.container--body ui-view>.container--catalog,
.container--catalog.curricula .content-wrapper>.full-width.container--catalog ui-view>.container--catalog,
.container--catalog.curricula .section .content-wrapper>.full-width.container--centered ui-view>.container--catalog,
.section .container--catalog.curricula .content-wrapper>.full-width.container--centered ui-view>.container--catalog,
.container--catalog.curricula .content-wrapper>.container.full-width .section ui-view>.container--centered,
.section .container--catalog.curricula .content-wrapper>.container.full-width ui-view>.container--centered,
.container--catalog.curricula .content-wrapper>.full-width.container--body .section ui-view>.container--centered,
.section .container--catalog.curricula .content-wrapper>.full-width.container--body ui-view>.container--centered,
.container--catalog.curricula .content-wrapper>.full-width.container--catalog .section ui-view>.container--centered,
.section .container--catalog.curricula .content-wrapper>.full-width.container--catalog ui-view>.container--centered,
.container--catalog.curricula .section .content-wrapper>.full-width.container--centered ui-view>.container--centered,
.section .container--catalog.curricula .content-wrapper>.full-width.container--centered ui-view>.container--centered,
.container--catalog.curricula_category .content-wrapper>.container.full-width ui-view>.container,
.container--catalog.curricula_category .content-wrapper>.full-width.container--body ui-view>.container,
.container--catalog.curricula_category .content-wrapper>.full-width.container--catalog ui-view>.container,
.container--catalog.curricula_category .section .content-wrapper>.full-width.container--centered ui-view>.container,
.section .container--catalog.curricula_category .content-wrapper>.full-width.container--centered ui-view>.container,
.container--catalog.curricula_category .content-wrapper>.container.full-width ui-view>.container--body,
.container--catalog.curricula_category .content-wrapper>.full-width.container--body ui-view>.container--body,
.container--catalog.curricula_category .content-wrapper>.full-width.container--catalog ui-view>.container--body,
.container--catalog.curricula_category .section .content-wrapper>.full-width.container--centered ui-view>.container--body,
.section .container--catalog.curricula_category .content-wrapper>.full-width.container--centered ui-view>.container--body,
.container--catalog.curricula_category .content-wrapper>.container.full-width ui-view>.container--catalog,
.container--catalog.curricula_category .content-wrapper>.full-width.container--body ui-view>.container--catalog,
.container--catalog.curricula_category .content-wrapper>.full-width.container--catalog ui-view>.container--catalog,
.container--catalog.curricula_category .section .content-wrapper>.full-width.container--centered ui-view>.container--catalog,
.section .container--catalog.curricula_category .content-wrapper>.full-width.container--centered ui-view>.container--catalog,
.container--catalog.curricula_category .content-wrapper>.container.full-width .section ui-view>.container--centered,
.section .container--catalog.curricula_category .content-wrapper>.container.full-width ui-view>.container--centered,
.container--catalog.curricula_category .content-wrapper>.full-width.container--body .section ui-view>.container--centered,
.section .container--catalog.curricula_category .content-wrapper>.full-width.container--body ui-view>.container--centered,
.container--catalog.curricula_category .content-wrapper>.full-width.container--catalog .section ui-view>.container--centered,
.section .container--catalog.curricula_category .content-wrapper>.full-width.container--catalog ui-view>.container--centered,
.container--catalog.curricula_category .section .content-wrapper>.full-width.container--centered ui-view>.container--centered,
.section .container--catalog.curricula_category .content-wrapper>.full-width.container--centered ui-view>.container--centered,
.container--catalog.state_curricula .content-wrapper>.container.full-width ui-view>.container,
.container--catalog.state_curricula .content-wrapper>.full-width.container--body ui-view>.container,
.container--catalog.state_curricula .content-wrapper>.full-width.container--catalog ui-view>.container,
.container--catalog.state_curricula .section .content-wrapper>.full-width.container--centered ui-view>.container,
.section .container--catalog.state_curricula .content-wrapper>.full-width.container--centered ui-view>.container,
.container--catalog.state_curricula .content-wrapper>.container.full-width ui-view>.container--body,
.container--catalog.state_curricula .content-wrapper>.full-width.container--body ui-view>.container--body,
.container--catalog.state_curricula .content-wrapper>.full-width.container--catalog ui-view>.container--body,
.container--catalog.state_curricula .section .content-wrapper>.full-width.container--centered ui-view>.container--body,
.section .container--catalog.state_curricula .content-wrapper>.full-width.container--centered ui-view>.container--body,
.container--catalog.state_curricula .content-wrapper>.container.full-width ui-view>.container--catalog,
.container--catalog.state_curricula .content-wrapper>.full-width.container--body ui-view>.container--catalog,
.container--catalog.state_curricula .content-wrapper>.full-width.container--catalog ui-view>.container--catalog,
.container--catalog.state_curricula .section .content-wrapper>.full-width.container--centered ui-view>.container--catalog,
.section .container--catalog.state_curricula .content-wrapper>.full-width.container--centered ui-view>.container--catalog,
.container--catalog.state_curricula .content-wrapper>.container.full-width .section ui-view>.container--centered,
.section .container--catalog.state_curricula .content-wrapper>.container.full-width ui-view>.container--centered,
.container--catalog.state_curricula .content-wrapper>.full-width.container--body .section ui-view>.container--centered,
.section .container--catalog.state_curricula .content-wrapper>.full-width.container--body ui-view>.container--centered,
.container--catalog.state_curricula .content-wrapper>.full-width.container--catalog .section ui-view>.container--centered,
.section .container--catalog.state_curricula .content-wrapper>.full-width.container--catalog ui-view>.container--centered,
.container--catalog.state_curricula .section .content-wrapper>.full-width.container--centered ui-view>.container--centered,
.section .container--catalog.state_curricula .content-wrapper>.full-width.container--centered ui-view>.container--centered,
.container--catalog.state_curricula_category .content-wrapper>.container.full-width ui-view>.container,
.container--catalog.state_curricula_category .content-wrapper>.full-width.container--body ui-view>.container,
.container--catalog.state_curricula_category .content-wrapper>.full-width.container--catalog ui-view>.container,
.container--catalog.state_curricula_category .section .content-wrapper>.full-width.container--centered ui-view>.container,
.section .container--catalog.state_curricula_category .content-wrapper>.full-width.container--centered ui-view>.container,
.container--catalog.state_curricula_category .content-wrapper>.container.full-width ui-view>.container--body,
.container--catalog.state_curricula_category .content-wrapper>.full-width.container--body ui-view>.container--body,
.container--catalog.state_curricula_category .content-wrapper>.full-width.container--catalog ui-view>.container--body,
.container--catalog.state_curricula_category .section .content-wrapper>.full-width.container--centered ui-view>.container--body,
.section .container--catalog.state_curricula_category .content-wrapper>.full-width.container--centered ui-view>.container--body,
.container--catalog.state_curricula_category .content-wrapper>.container.full-width ui-view>.container--catalog,
.container--catalog.state_curricula_category .content-wrapper>.full-width.container--body ui-view>.container--catalog,
.container--catalog.state_curricula_category .content-wrapper>.full-width.container--catalog ui-view>.container--catalog,
.container--catalog.state_curricula_category .section .content-wrapper>.full-width.container--centered ui-view>.container--catalog,
.section .container--catalog.state_curricula_category .content-wrapper>.full-width.container--centered ui-view>.container--catalog,
.container--catalog.state_curricula_category .content-wrapper>.container.full-width .section ui-view>.container--centered,
.section .container--catalog.state_curricula_category .content-wrapper>.container.full-width ui-view>.container--centered,
.container--catalog.state_curricula_category .content-wrapper>.full-width.container--body .section ui-view>.container--centered,
.section .container--catalog.state_curricula_category .content-wrapper>.full-width.container--body ui-view>.container--centered,
.container--catalog.state_curricula_category .content-wrapper>.full-width.container--catalog .section ui-view>.container--centered,
.section .container--catalog.state_curricula_category .content-wrapper>.full-width.container--catalog ui-view>.container--centered,
.container--catalog.state_curricula_category .section .content-wrapper>.full-width.container--centered ui-view>.container--centered,
.section .container--catalog.state_curricula_category .content-wrapper>.full-width.container--centered ui-view>.container--centered,
.container--catalog.bridge_the_gap .content-wrapper>.container.full-width ui-view>.container,
.container--catalog.bridge_the_gap .content-wrapper>.full-width.container--body ui-view>.container,
.container--catalog.bridge_the_gap .content-wrapper>.full-width.container--catalog ui-view>.container,
.container--catalog.bridge_the_gap .section .content-wrapper>.full-width.container--centered ui-view>.container,
.section .container--catalog.bridge_the_gap .content-wrapper>.full-width.container--centered ui-view>.container,
.container--catalog.bridge_the_gap .content-wrapper>.container.full-width ui-view>.container--body,
.container--catalog.bridge_the_gap .content-wrapper>.full-width.container--body ui-view>.container--body,
.container--catalog.bridge_the_gap .content-wrapper>.full-width.container--catalog ui-view>.container--body,
.container--catalog.bridge_the_gap .section .content-wrapper>.full-width.container--centered ui-view>.container--body,
.section .container--catalog.bridge_the_gap .content-wrapper>.full-width.container--centered ui-view>.container--body,
.container--catalog.bridge_the_gap .content-wrapper>.container.full-width ui-view>.container--catalog,
.container--catalog.bridge_the_gap .content-wrapper>.full-width.container--body ui-view>.container--catalog,
.container--catalog.bridge_the_gap .content-wrapper>.full-width.container--catalog ui-view>.container--catalog,
.container--catalog.bridge_the_gap .section .content-wrapper>.full-width.container--centered ui-view>.container--catalog,
.section .container--catalog.bridge_the_gap .content-wrapper>.full-width.container--centered ui-view>.container--catalog,
.container--catalog.bridge_the_gap .content-wrapper>.container.full-width .section ui-view>.container--centered,
.section .container--catalog.bridge_the_gap .content-wrapper>.container.full-width ui-view>.container--centered,
.container--catalog.bridge_the_gap .content-wrapper>.full-width.container--body .section ui-view>.container--centered,
.section .container--catalog.bridge_the_gap .content-wrapper>.full-width.container--body ui-view>.container--centered,
.container--catalog.bridge_the_gap .content-wrapper>.full-width.container--catalog .section ui-view>.container--centered,
.section .container--catalog.bridge_the_gap .content-wrapper>.full-width.container--catalog ui-view>.container--centered,
.container--catalog.bridge_the_gap .section .content-wrapper>.full-width.container--centered ui-view>.container--centered,
.section .container--catalog.bridge_the_gap .content-wrapper>.full-width.container--centered ui-view>.container--centered {
    width: 92% !important;
    max-width: 2000px !important;
    margin: auto
}

.container--catalog.bundles product-hierarchy-catalog,
.container--catalog.state_bundles product-hierarchy-catalog,
.container--catalog.curricula product-hierarchy-catalog,
.container--catalog.curricula_category product-hierarchy-catalog,
.container--catalog.state_curricula product-hierarchy-catalog,
.container--catalog.state_curricula_category product-hierarchy-catalog,
.container--catalog.bridge_the_gap product-hierarchy-catalog {
    margin-top: 0
}

.container--catalog.bundles .container.full.padding,
.container--catalog.bundles .full.padding.container--body,
.container--catalog.bundles .full.padding.container--catalog,
.container--catalog.bundles .section .full.padding.container--centered,
.section .container--catalog.bundles .full.padding.container--centered,
.container--catalog.state_bundles .container.full.padding,
.container--catalog.state_bundles .full.padding.container--body,
.container--catalog.state_bundles .full.padding.container--catalog,
.container--catalog.state_bundles .section .full.padding.container--centered,
.section .container--catalog.state_bundles .full.padding.container--centered,
.container--catalog.curricula .container.full.padding,
.container--catalog.curricula .full.padding.container--body,
.container--catalog.curricula .full.padding.container--catalog,
.container--catalog.curricula .section .full.padding.container--centered,
.section .container--catalog.curricula .full.padding.container--centered,
.container--catalog.curricula_category .container.full.padding,
.container--catalog.curricula_category .full.padding.container--body,
.container--catalog.curricula_category .full.padding.container--catalog,
.container--catalog.curricula_category .section .full.padding.container--centered,
.section .container--catalog.curricula_category .full.padding.container--centered,
.container--catalog.state_curricula .container.full.padding,
.container--catalog.state_curricula .full.padding.container--body,
.container--catalog.state_curricula .full.padding.container--catalog,
.container--catalog.state_curricula .section .full.padding.container--centered,
.section .container--catalog.state_curricula .full.padding.container--centered,
.container--catalog.state_curricula_category .container.full.padding,
.container--catalog.state_curricula_category .full.padding.container--body,
.container--catalog.state_curricula_category .full.padding.container--catalog,
.container--catalog.state_curricula_category .section .full.padding.container--centered,
.section .container--catalog.state_curricula_category .full.padding.container--centered,
.container--catalog.bridge_the_gap .container.full.padding,
.container--catalog.bridge_the_gap .full.padding.container--body,
.container--catalog.bridge_the_gap .full.padding.container--catalog,
.container--catalog.bridge_the_gap .section .full.padding.container--centered,
.section .container--catalog.bridge_the_gap .full.padding.container--centered {
    width: 100%
}

.container--catalog.bundles .container.full.padding .subhead,
.container--catalog.bundles .full.padding.container--body .subhead,
.container--catalog.bundles .full.padding.container--catalog .subhead,
.container--catalog.bundles .section .full.padding.container--centered .subhead,
.section .container--catalog.bundles .full.padding.container--centered .subhead,
.container--catalog.state_bundles .container.full.padding .subhead,
.container--catalog.state_bundles .full.padding.container--body .subhead,
.container--catalog.state_bundles .full.padding.container--catalog .subhead,
.container--catalog.state_bundles .section .full.padding.container--centered .subhead,
.section .container--catalog.state_bundles .full.padding.container--centered .subhead,
.container--catalog.curricula .container.full.padding .subhead,
.container--catalog.curricula .full.padding.container--body .subhead,
.container--catalog.curricula .full.padding.container--catalog .subhead,
.container--catalog.curricula .section .full.padding.container--centered .subhead,
.section .container--catalog.curricula .full.padding.container--centered .subhead,
.container--catalog.curricula_category .container.full.padding .subhead,
.container--catalog.curricula_category .full.padding.container--body .subhead,
.container--catalog.curricula_category .full.padding.container--catalog .subhead,
.container--catalog.curricula_category .section .full.padding.container--centered .subhead,
.section .container--catalog.curricula_category .full.padding.container--centered .subhead,
.container--catalog.state_curricula .container.full.padding .subhead,
.container--catalog.state_curricula .full.padding.container--body .subhead,
.container--catalog.state_curricula .full.padding.container--catalog .subhead,
.container--catalog.state_curricula .section .full.padding.container--centered .subhead,
.section .container--catalog.state_curricula .full.padding.container--centered .subhead,
.container--catalog.state_curricula_category .container.full.padding .subhead,
.container--catalog.state_curricula_category .full.padding.container--body .subhead,
.container--catalog.state_curricula_category .full.padding.container--catalog .subhead,
.container--catalog.state_curricula_category .section .full.padding.container--centered .subhead,
.section .container--catalog.state_curricula_category .full.padding.container--centered .subhead,
.container--catalog.bridge_the_gap .container.full.padding .subhead,
.container--catalog.bridge_the_gap .full.padding.container--body .subhead,
.container--catalog.bridge_the_gap .full.padding.container--catalog .subhead,
.container--catalog.bridge_the_gap .section .full.padding.container--centered .subhead,
.section .container--catalog.bridge_the_gap .full.padding.container--centered .subhead {
    display: none
}

.container--catalog.bundles .container.full.padding>.container,
.container--catalog.bundles .full.padding.container--body>.container,
.container--catalog.bundles .full.padding.container--catalog>.container,
.container--catalog.bundles .section .full.padding.container--centered>.container,
.section .container--catalog.bundles .full.padding.container--centered>.container,
.container--catalog.bundles .container.full.padding>.container--body,
.container--catalog.bundles .full.padding.container--body>.container--body,
.container--catalog.bundles .full.padding.container--catalog>.container--body,
.container--catalog.bundles .section .full.padding.container--centered>.container--body,
.section .container--catalog.bundles .full.padding.container--centered>.container--body,
.container--catalog.bundles .container.full.padding>.container--catalog,
.container--catalog.bundles .full.padding.container--body>.container--catalog,
.container--catalog.bundles .full.padding.container--catalog>.container--catalog,
.container--catalog.bundles .section .full.padding.container--centered>.container--catalog,
.section .container--catalog.bundles .full.padding.container--centered>.container--catalog,
.container--catalog.bundles .section .container.full.padding>.container--centered,
.section .container--catalog.bundles .container.full.padding>.container--centered,
.container--catalog.bundles .section .full.padding.container--body>.container--centered,
.section .container--catalog.bundles .full.padding.container--body>.container--centered,
.container--catalog.bundles .section .full.padding.container--catalog>.container--centered,
.section .container--catalog.bundles .full.padding.container--catalog>.container--centered,
.container--catalog.bundles .section .full.padding.container--centered>.container--centered,
.section .container--catalog.bundles .full.padding.container--centered>.container--centered,
.container--catalog.state_bundles .container.full.padding>.container,
.container--catalog.state_bundles .full.padding.container--body>.container,
.container--catalog.state_bundles .full.padding.container--catalog>.container,
.container--catalog.state_bundles .section .full.padding.container--centered>.container,
.section .container--catalog.state_bundles .full.padding.container--centered>.container,
.container--catalog.state_bundles .container.full.padding>.container--body,
.container--catalog.state_bundles .full.padding.container--body>.container--body,
.container--catalog.state_bundles .full.padding.container--catalog>.container--body,
.container--catalog.state_bundles .section .full.padding.container--centered>.container--body,
.section .container--catalog.state_bundles .full.padding.container--centered>.container--body,
.container--catalog.state_bundles .container.full.padding>.container--catalog,
.container--catalog.state_bundles .full.padding.container--body>.container--catalog,
.container--catalog.state_bundles .full.padding.container--catalog>.container--catalog,
.container--catalog.state_bundles .section .full.padding.container--centered>.container--catalog,
.section .container--catalog.state_bundles .full.padding.container--centered>.container--catalog,
.container--catalog.state_bundles .section .container.full.padding>.container--centered,
.section .container--catalog.state_bundles .container.full.padding>.container--centered,
.container--catalog.state_bundles .section .full.padding.container--body>.container--centered,
.section .container--catalog.state_bundles .full.padding.container--body>.container--centered,
.container--catalog.state_bundles .section .full.padding.container--catalog>.container--centered,
.section .container--catalog.state_bundles .full.padding.container--catalog>.container--centered,
.container--catalog.state_bundles .section .full.padding.container--centered>.container--centered,
.section .container--catalog.state_bundles .full.padding.container--centered>.container--centered,
.container--catalog.curricula .container.full.padding>.container,
.container--catalog.curricula .full.padding.container--body>.container,
.container--catalog.curricula .full.padding.container--catalog>.container,
.container--catalog.curricula .section .full.padding.container--centered>.container,
.section .container--catalog.curricula .full.padding.container--centered>.container,
.container--catalog.curricula .container.full.padding>.container--body,
.container--catalog.curricula .full.padding.container--body>.container--body,
.container--catalog.curricula .full.padding.container--catalog>.container--body,
.container--catalog.curricula .section .full.padding.container--centered>.container--body,
.section .container--catalog.curricula .full.padding.container--centered>.container--body,
.container--catalog.curricula .container.full.padding>.container--catalog,
.container--catalog.curricula .full.padding.container--body>.container--catalog,
.container--catalog.curricula .full.padding.container--catalog>.container--catalog,
.container--catalog.curricula .section .full.padding.container--centered>.container--catalog,
.section .container--catalog.curricula .full.padding.container--centered>.container--catalog,
.container--catalog.curricula .section .container.full.padding>.container--centered,
.section .container--catalog.curricula .container.full.padding>.container--centered,
.container--catalog.curricula .section .full.padding.container--body>.container--centered,
.section .container--catalog.curricula .full.padding.container--body>.container--centered,
.container--catalog.curricula .section .full.padding.container--catalog>.container--centered,
.section .container--catalog.curricula .full.padding.container--catalog>.container--centered,
.container--catalog.curricula .section .full.padding.container--centered>.container--centered,
.section .container--catalog.curricula .full.padding.container--centered>.container--centered,
.container--catalog.curricula_category .container.full.padding>.container,
.container--catalog.curricula_category .full.padding.container--body>.container,
.container--catalog.curricula_category .full.padding.container--catalog>.container,
.container--catalog.curricula_category .section .full.padding.container--centered>.container,
.section .container--catalog.curricula_category .full.padding.container--centered>.container,
.container--catalog.curricula_category .container.full.padding>.container--body,
.container--catalog.curricula_category .full.padding.container--body>.container--body,
.container--catalog.curricula_category .full.padding.container--catalog>.container--body,
.container--catalog.curricula_category .section .full.padding.container--centered>.container--body,
.section .container--catalog.curricula_category .full.padding.container--centered>.container--body,
.container--catalog.curricula_category .container.full.padding>.container--catalog,
.container--catalog.curricula_category .full.padding.container--body>.container--catalog,
.container--catalog.curricula_category .full.padding.container--catalog>.container--catalog,
.container--catalog.curricula_category .section .full.padding.container--centered>.container--catalog,
.section .container--catalog.curricula_category .full.padding.container--centered>.container--catalog,
.container--catalog.curricula_category .section .container.full.padding>.container--centered,
.section .container--catalog.curricula_category .container.full.padding>.container--centered,
.container--catalog.curricula_category .section .full.padding.container--body>.container--centered,
.section .container--catalog.curricula_category .full.padding.container--body>.container--centered,
.container--catalog.curricula_category .section .full.padding.container--catalog>.container--centered,
.section .container--catalog.curricula_category .full.padding.container--catalog>.container--centered,
.container--catalog.curricula_category .section .full.padding.container--centered>.container--centered,
.section .container--catalog.curricula_category .full.padding.container--centered>.container--centered,
.container--catalog.state_curricula .container.full.padding>.container,
.container--catalog.state_curricula .full.padding.container--body>.container,
.container--catalog.state_curricula .full.padding.container--catalog>.container,
.container--catalog.state_curricula .section .full.padding.container--centered>.container,
.section .container--catalog.state_curricula .full.padding.container--centered>.container,
.container--catalog.state_curricula .container.full.padding>.container--body,
.container--catalog.state_curricula .full.padding.container--body>.container--body,
.container--catalog.state_curricula .full.padding.container--catalog>.container--body,
.container--catalog.state_curricula .section .full.padding.container--centered>.container--body,
.section .container--catalog.state_curricula .full.padding.container--centered>.container--body,
.container--catalog.state_curricula .container.full.padding>.container--catalog,
.container--catalog.state_curricula .full.padding.container--body>.container--catalog,
.container--catalog.state_curricula .full.padding.container--catalog>.container--catalog,
.container--catalog.state_curricula .section .full.padding.container--centered>.container--catalog,
.section .container--catalog.state_curricula .full.padding.container--centered>.container--catalog,
.container--catalog.state_curricula .section .container.full.padding>.container--centered,
.section .container--catalog.state_curricula .container.full.padding>.container--centered,
.container--catalog.state_curricula .section .full.padding.container--body>.container--centered,
.section .container--catalog.state_curricula .full.padding.container--body>.container--centered,
.container--catalog.state_curricula .section .full.padding.container--catalog>.container--centered,
.section .container--catalog.state_curricula .full.padding.container--catalog>.container--centered,
.container--catalog.state_curricula .section .full.padding.container--centered>.container--centered,
.section .container--catalog.state_curricula .full.padding.container--centered>.container--centered,
.container--catalog.state_curricula_category .container.full.padding>.container,
.container--catalog.state_curricula_category .full.padding.container--body>.container,
.container--catalog.state_curricula_category .full.padding.container--catalog>.container,
.container--catalog.state_curricula_category .section .full.padding.container--centered>.container,
.section .container--catalog.state_curricula_category .full.padding.container--centered>.container,
.container--catalog.state_curricula_category .container.full.padding>.container--body,
.container--catalog.state_curricula_category .full.padding.container--body>.container--body,
.container--catalog.state_curricula_category .full.padding.container--catalog>.container--body,
.container--catalog.state_curricula_category .section .full.padding.container--centered>.container--body,
.section .container--catalog.state_curricula_category .full.padding.container--centered>.container--body,
.container--catalog.state_curricula_category .container.full.padding>.container--catalog,
.container--catalog.state_curricula_category .full.padding.container--body>.container--catalog,
.container--catalog.state_curricula_category .full.padding.container--catalog>.container--catalog,
.container--catalog.state_curricula_category .section .full.padding.container--centered>.container--catalog,
.section .container--catalog.state_curricula_category .full.padding.container--centered>.container--catalog,
.container--catalog.state_curricula_category .section .container.full.padding>.container--centered,
.section .container--catalog.state_curricula_category .container.full.padding>.container--centered,
.container--catalog.state_curricula_category .section .full.padding.container--body>.container--centered,
.section .container--catalog.state_curricula_category .full.padding.container--body>.container--centered,
.container--catalog.state_curricula_category .section .full.padding.container--catalog>.container--centered,
.section .container--catalog.state_curricula_category .full.padding.container--catalog>.container--centered,
.container--catalog.state_curricula_category .section .full.padding.container--centered>.container--centered,
.section .container--catalog.state_curricula_category .full.padding.container--centered>.container--centered,
.container--catalog.bridge_the_gap .container.full.padding>.container,
.container--catalog.bridge_the_gap .full.padding.container--body>.container,
.container--catalog.bridge_the_gap .full.padding.container--catalog>.container,
.container--catalog.bridge_the_gap .section .full.padding.container--centered>.container,
.section .container--catalog.bridge_the_gap .full.padding.container--centered>.container,
.container--catalog.bridge_the_gap .container.full.padding>.container--body,
.container--catalog.bridge_the_gap .full.padding.container--body>.container--body,
.container--catalog.bridge_the_gap .full.padding.container--catalog>.container--body,
.container--catalog.bridge_the_gap .section .full.padding.container--centered>.container--body,
.section .container--catalog.bridge_the_gap .full.padding.container--centered>.container--body,
.container--catalog.bridge_the_gap .container.full.padding>.container--catalog,
.container--catalog.bridge_the_gap .full.padding.container--body>.container--catalog,
.container--catalog.bridge_the_gap .full.padding.container--catalog>.container--catalog,
.container--catalog.bridge_the_gap .section .full.padding.container--centered>.container--catalog,
.section .container--catalog.bridge_the_gap .full.padding.container--centered>.container--catalog,
.container--catalog.bridge_the_gap .section .container.full.padding>.container--centered,
.section .container--catalog.bridge_the_gap .container.full.padding>.container--centered,
.container--catalog.bridge_the_gap .section .full.padding.container--body>.container--centered,
.section .container--catalog.bridge_the_gap .full.padding.container--body>.container--centered,
.container--catalog.bridge_the_gap .section .full.padding.container--catalog>.container--centered,
.section .container--catalog.bridge_the_gap .full.padding.container--catalog>.container--centered,
.container--catalog.bridge_the_gap .section .full.padding.container--centered>.container--centered,
.section .container--catalog.bridge_the_gap .full.padding.container--centered>.container--centered {
    width: 100%;
    max-width: 2000px
}

.container--catalog.bundles .container.full.padding catalog-filter .filter-trigger,
.container--catalog.bundles .full.padding.container--body catalog-filter .filter-trigger,
.container--catalog.bundles .full.padding.container--catalog catalog-filter .filter-trigger,
.container--catalog.bundles .section .full.padding.container--centered catalog-filter .filter-trigger,
.section .container--catalog.bundles .full.padding.container--centered catalog-filter .filter-trigger,
.container--catalog.state_bundles .container.full.padding catalog-filter .filter-trigger,
.container--catalog.state_bundles .full.padding.container--body catalog-filter .filter-trigger,
.container--catalog.state_bundles .full.padding.container--catalog catalog-filter .filter-trigger,
.container--catalog.state_bundles .section .full.padding.container--centered catalog-filter .filter-trigger,
.section .container--catalog.state_bundles .full.padding.container--centered catalog-filter .filter-trigger,
.container--catalog.curricula .container.full.padding catalog-filter .filter-trigger,
.container--catalog.curricula .full.padding.container--body catalog-filter .filter-trigger,
.container--catalog.curricula .full.padding.container--catalog catalog-filter .filter-trigger,
.container--catalog.curricula .section .full.padding.container--centered catalog-filter .filter-trigger,
.section .container--catalog.curricula .full.padding.container--centered catalog-filter .filter-trigger,
.container--catalog.curricula_category .container.full.padding catalog-filter .filter-trigger,
.container--catalog.curricula_category .full.padding.container--body catalog-filter .filter-trigger,
.container--catalog.curricula_category .full.padding.container--catalog catalog-filter .filter-trigger,
.container--catalog.curricula_category .section .full.padding.container--centered catalog-filter .filter-trigger,
.section .container--catalog.curricula_category .full.padding.container--centered catalog-filter .filter-trigger,
.container--catalog.state_curricula .container.full.padding catalog-filter .filter-trigger,
.container--catalog.state_curricula .full.padding.container--body catalog-filter .filter-trigger,
.container--catalog.state_curricula .full.padding.container--catalog catalog-filter .filter-trigger,
.container--catalog.state_curricula .section .full.padding.container--centered catalog-filter .filter-trigger,
.section .container--catalog.state_curricula .full.padding.container--centered catalog-filter .filter-trigger,
.container--catalog.state_curricula_category .container.full.padding catalog-filter .filter-trigger,
.container--catalog.state_curricula_category .full.padding.container--body catalog-filter .filter-trigger,
.container--catalog.state_curricula_category .full.padding.container--catalog catalog-filter .filter-trigger,
.container--catalog.state_curricula_category .section .full.padding.container--centered catalog-filter .filter-trigger,
.section .container--catalog.state_curricula_category .full.padding.container--centered catalog-filter .filter-trigger,
.container--catalog.bridge_the_gap .container.full.padding catalog-filter .filter-trigger,
.container--catalog.bridge_the_gap .full.padding.container--body catalog-filter .filter-trigger,
.container--catalog.bridge_the_gap .full.padding.container--catalog catalog-filter .filter-trigger,
.container--catalog.bridge_the_gap .section .full.padding.container--centered catalog-filter .filter-trigger,
.section .container--catalog.bridge_the_gap .full.padding.container--centered catalog-filter .filter-trigger {
    display: none
}

.container--catalog.bundles .container.full.padding catalog-filter .toolbar,
.container--catalog.bundles .full.padding.container--body catalog-filter .toolbar,
.container--catalog.bundles .full.padding.container--catalog catalog-filter .toolbar,
.container--catalog.bundles .section .full.padding.container--centered catalog-filter .toolbar,
.section .container--catalog.bundles .full.padding.container--centered catalog-filter .toolbar,
.container--catalog.state_bundles .container.full.padding catalog-filter .toolbar,
.container--catalog.state_bundles .full.padding.container--body catalog-filter .toolbar,
.container--catalog.state_bundles .full.padding.container--catalog catalog-filter .toolbar,
.container--catalog.state_bundles .section .full.padding.container--centered catalog-filter .toolbar,
.section .container--catalog.state_bundles .full.padding.container--centered catalog-filter .toolbar,
.container--catalog.curricula .container.full.padding catalog-filter .toolbar,
.container--catalog.curricula .full.padding.container--body catalog-filter .toolbar,
.container--catalog.curricula .full.padding.container--catalog catalog-filter .toolbar,
.container--catalog.curricula .section .full.padding.container--centered catalog-filter .toolbar,
.section .container--catalog.curricula .full.padding.container--centered catalog-filter .toolbar,
.container--catalog.curricula_category .container.full.padding catalog-filter .toolbar,
.container--catalog.curricula_category .full.padding.container--body catalog-filter .toolbar,
.container--catalog.curricula_category .full.padding.container--catalog catalog-filter .toolbar,
.container--catalog.curricula_category .section .full.padding.container--centered catalog-filter .toolbar,
.section .container--catalog.curricula_category .full.padding.container--centered catalog-filter .toolbar,
.container--catalog.state_curricula .container.full.padding catalog-filter .toolbar,
.container--catalog.state_curricula .full.padding.container--body catalog-filter .toolbar,
.container--catalog.state_curricula .full.padding.container--catalog catalog-filter .toolbar,
.container--catalog.state_curricula .section .full.padding.container--centered catalog-filter .toolbar,
.section .container--catalog.state_curricula .full.padding.container--centered catalog-filter .toolbar,
.container--catalog.state_curricula_category .container.full.padding catalog-filter .toolbar,
.container--catalog.state_curricula_category .full.padding.container--body catalog-filter .toolbar,
.container--catalog.state_curricula_category .full.padding.container--catalog catalog-filter .toolbar,
.container--catalog.state_curricula_category .section .full.padding.container--centered catalog-filter .toolbar,
.section .container--catalog.state_curricula_category .full.padding.container--centered catalog-filter .toolbar,
.container--catalog.bridge_the_gap .container.full.padding catalog-filter .toolbar,
.container--catalog.bridge_the_gap .full.padding.container--body catalog-filter .toolbar,
.container--catalog.bridge_the_gap .full.padding.container--catalog catalog-filter .toolbar,
.container--catalog.bridge_the_gap .section .full.padding.container--centered catalog-filter .toolbar,
.section .container--catalog.bridge_the_gap .full.padding.container--centered catalog-filter .toolbar {
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 0px) and (max-width: 650px) {

    .container--catalog.bundles .container.full.padding catalog-filter .toolbar,
    .container--catalog.bundles .full.padding.container--body catalog-filter .toolbar,
    .container--catalog.bundles .full.padding.container--catalog catalog-filter .toolbar,
    .container--catalog.bundles .section .full.padding.container--centered catalog-filter .toolbar,
    .section .container--catalog.bundles .full.padding.container--centered catalog-filter .toolbar,
    .container--catalog.state_bundles .container.full.padding catalog-filter .toolbar,
    .container--catalog.state_bundles .full.padding.container--body catalog-filter .toolbar,
    .container--catalog.state_bundles .full.padding.container--catalog catalog-filter .toolbar,
    .container--catalog.state_bundles .section .full.padding.container--centered catalog-filter .toolbar,
    .section .container--catalog.state_bundles .full.padding.container--centered catalog-filter .toolbar,
    .container--catalog.curricula .container.full.padding catalog-filter .toolbar,
    .container--catalog.curricula .full.padding.container--body catalog-filter .toolbar,
    .container--catalog.curricula .full.padding.container--catalog catalog-filter .toolbar,
    .container--catalog.curricula .section .full.padding.container--centered catalog-filter .toolbar,
    .section .container--catalog.curricula .full.padding.container--centered catalog-filter .toolbar,
    .container--catalog.curricula_category .container.full.padding catalog-filter .toolbar,
    .container--catalog.curricula_category .full.padding.container--body catalog-filter .toolbar,
    .container--catalog.curricula_category .full.padding.container--catalog catalog-filter .toolbar,
    .container--catalog.curricula_category .section .full.padding.container--centered catalog-filter .toolbar,
    .section .container--catalog.curricula_category .full.padding.container--centered catalog-filter .toolbar,
    .container--catalog.state_curricula .container.full.padding catalog-filter .toolbar,
    .container--catalog.state_curricula .full.padding.container--body catalog-filter .toolbar,
    .container--catalog.state_curricula .full.padding.container--catalog catalog-filter .toolbar,
    .container--catalog.state_curricula .section .full.padding.container--centered catalog-filter .toolbar,
    .section .container--catalog.state_curricula .full.padding.container--centered catalog-filter .toolbar,
    .container--catalog.state_curricula_category .container.full.padding catalog-filter .toolbar,
    .container--catalog.state_curricula_category .full.padding.container--body catalog-filter .toolbar,
    .container--catalog.state_curricula_category .full.padding.container--catalog catalog-filter .toolbar,
    .container--catalog.state_curricula_category .section .full.padding.container--centered catalog-filter .toolbar,
    .section .container--catalog.state_curricula_category .full.padding.container--centered catalog-filter .toolbar,
    .container--catalog.bridge_the_gap .container.full.padding catalog-filter .toolbar,
    .container--catalog.bridge_the_gap .full.padding.container--body catalog-filter .toolbar,
    .container--catalog.bridge_the_gap .full.padding.container--catalog catalog-filter .toolbar,
    .container--catalog.bridge_the_gap .section .full.padding.container--centered catalog-filter .toolbar,
    .section .container--catalog.bridge_the_gap .full.padding.container--centered catalog-filter .toolbar {
        display: block
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .container--catalog.bundles .container.full.padding catalog-filter .toolbar,
    .container--catalog.bundles .full.padding.container--body catalog-filter .toolbar,
    .container--catalog.bundles .full.padding.container--catalog catalog-filter .toolbar,
    .container--catalog.bundles .section .full.padding.container--centered catalog-filter .toolbar,
    .section .container--catalog.bundles .full.padding.container--centered catalog-filter .toolbar,
    .container--catalog.state_bundles .container.full.padding catalog-filter .toolbar,
    .container--catalog.state_bundles .full.padding.container--body catalog-filter .toolbar,
    .container--catalog.state_bundles .full.padding.container--catalog catalog-filter .toolbar,
    .container--catalog.state_bundles .section .full.padding.container--centered catalog-filter .toolbar,
    .section .container--catalog.state_bundles .full.padding.container--centered catalog-filter .toolbar,
    .container--catalog.curricula .container.full.padding catalog-filter .toolbar,
    .container--catalog.curricula .full.padding.container--body catalog-filter .toolbar,
    .container--catalog.curricula .full.padding.container--catalog catalog-filter .toolbar,
    .container--catalog.curricula .section .full.padding.container--centered catalog-filter .toolbar,
    .section .container--catalog.curricula .full.padding.container--centered catalog-filter .toolbar,
    .container--catalog.curricula_category .container.full.padding catalog-filter .toolbar,
    .container--catalog.curricula_category .full.padding.container--body catalog-filter .toolbar,
    .container--catalog.curricula_category .full.padding.container--catalog catalog-filter .toolbar,
    .container--catalog.curricula_category .section .full.padding.container--centered catalog-filter .toolbar,
    .section .container--catalog.curricula_category .full.padding.container--centered catalog-filter .toolbar,
    .container--catalog.state_curricula .container.full.padding catalog-filter .toolbar,
    .container--catalog.state_curricula .full.padding.container--body catalog-filter .toolbar,
    .container--catalog.state_curricula .full.padding.container--catalog catalog-filter .toolbar,
    .container--catalog.state_curricula .section .full.padding.container--centered catalog-filter .toolbar,
    .section .container--catalog.state_curricula .full.padding.container--centered catalog-filter .toolbar,
    .container--catalog.state_curricula_category .container.full.padding catalog-filter .toolbar,
    .container--catalog.state_curricula_category .full.padding.container--body catalog-filter .toolbar,
    .container--catalog.state_curricula_category .full.padding.container--catalog catalog-filter .toolbar,
    .container--catalog.state_curricula_category .section .full.padding.container--centered catalog-filter .toolbar,
    .section .container--catalog.state_curricula_category .full.padding.container--centered catalog-filter .toolbar,
    .container--catalog.bridge_the_gap .container.full.padding catalog-filter .toolbar,
    .container--catalog.bridge_the_gap .full.padding.container--body catalog-filter .toolbar,
    .container--catalog.bridge_the_gap .full.padding.container--catalog catalog-filter .toolbar,
    .container--catalog.bridge_the_gap .section .full.padding.container--centered catalog-filter .toolbar,
    .section .container--catalog.bridge_the_gap .full.padding.container--centered catalog-filter .toolbar {
        display: block
    }
}

.container--catalog.bundles .container.full.padding catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.bundles .full.padding.container--body catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.bundles .full.padding.container--catalog catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.bundles .section .full.padding.container--centered catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.section .container--catalog.bundles .full.padding.container--centered catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.state_bundles .container.full.padding catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.state_bundles .full.padding.container--body catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.state_bundles .full.padding.container--catalog catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.state_bundles .section .full.padding.container--centered catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.section .container--catalog.state_bundles .full.padding.container--centered catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.curricula .container.full.padding catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.curricula .full.padding.container--body catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.curricula .full.padding.container--catalog catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.curricula .section .full.padding.container--centered catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.section .container--catalog.curricula .full.padding.container--centered catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.curricula_category .container.full.padding catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.curricula_category .full.padding.container--body catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.curricula_category .full.padding.container--catalog catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.curricula_category .section .full.padding.container--centered catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.section .container--catalog.curricula_category .full.padding.container--centered catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.state_curricula .container.full.padding catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.state_curricula .full.padding.container--body catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.state_curricula .full.padding.container--catalog catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.state_curricula .section .full.padding.container--centered catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.section .container--catalog.state_curricula .full.padding.container--centered catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.state_curricula_category .container.full.padding catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.state_curricula_category .full.padding.container--body catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.state_curricula_category .full.padding.container--catalog catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.state_curricula_category .section .full.padding.container--centered catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.section .container--catalog.state_curricula_category .full.padding.container--centered catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.bridge_the_gap .container.full.padding catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.bridge_the_gap .full.padding.container--body catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.bridge_the_gap .full.padding.container--catalog catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.container--catalog.bridge_the_gap .section .full.padding.container--centered catalog-filter .toolbar catalog-filter-dropdown .dropdown,
.section .container--catalog.bridge_the_gap .full.padding.container--centered catalog-filter .toolbar catalog-filter-dropdown .dropdown {
    width: 150px
}

.container--catalog.bundles h3.catalog-list-header,
.container--catalog.state_bundles h3.catalog-list-header,
.container--catalog.curricula h3.catalog-list-header,
.container--catalog.curricula_category h3.catalog-list-header,
.container--catalog.state_curricula h3.catalog-list-header,
.container--catalog.state_curricula_category h3.catalog-list-header,
.container--catalog.bridge_the_gap h3.catalog-list-header {
    margin-top: 25px
}

.container--catalog .hero,
.container--catalog unlimited-banner .hero--auto,
unlimited-banner .container--catalog .hero--auto {
    background: url("//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/common/lawline-hero-2017--dark-optimized.jpg");
    background-size: cover;
    background-position: center center;
    padding: 50px 30px;
    text-align: center;
    color: white
}

.container--catalog .hero:after,
.container--catalog unlimited-banner .hero--auto:after,
unlimited-banner .container--catalog .hero--auto:after {
    content: "";
    display: table;
    clear: both
}

.container--catalog .hero .reset-filter,
.container--catalog unlimited-banner .hero--auto .reset-filter,
unlimited-banner .container--catalog .hero--auto .reset-filter {
    display: none
}

.container--catalog .hero h1,
.container--catalog unlimited-banner .hero--auto h1,
unlimited-banner .container--catalog .hero--auto h1 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 900;
    font-style: italic;
    margin-top: 10px
}

.container--catalog .hero h2,
.container--catalog unlimited-banner .hero--auto h2,
unlimited-banner .container--catalog .hero--auto h2 {
    font-weight: 300;
    font-size: 18px
}

.container--catalog .hero .filter-trigger,
.container--catalog unlimited-banner .hero--auto .filter-trigger,
unlimited-banner .container--catalog .hero--auto .filter-trigger {
    background: white;
    color: #272727;
    width: 100%
}

@media (min-width: 650px) and (max-width: 900px) {

    .container--catalog .hero .filter-trigger,
    .container--catalog unlimited-banner .hero--auto .filter-trigger,
    unlimited-banner .container--catalog .hero--auto .filter-trigger {
        width: 40%;
        margin: 0 auto
    }
}

.container--catalog .hero catalog-filter,
.container--catalog unlimited-banner .hero--auto catalog-filter,
unlimited-banner .container--catalog .hero--auto catalog-filter {
    margin: 0;
    margin-top: 40px
}

.container--catalog .hero catalog-filter .filter-container,
.container--catalog unlimited-banner .hero--auto catalog-filter .filter-container,
unlimited-banner .container--catalog .hero--auto catalog-filter .filter-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 0px) and (max-width: 650px) {

    .container--catalog .hero catalog-filter .filter-container,
    .container--catalog unlimited-banner .hero--auto catalog-filter .filter-container,
    unlimited-banner .container--catalog .hero--auto catalog-filter .filter-container {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .container--catalog .hero catalog-filter .filter-container,
    .container--catalog unlimited-banner .hero--auto catalog-filter .filter-container,
    unlimited-banner .container--catalog .hero--auto catalog-filter .filter-container {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.container--catalog .hero catalog-filter .toolbar,
.container--catalog unlimited-banner .hero--auto catalog-filter .toolbar,
unlimited-banner .container--catalog .hero--auto catalog-filter .toolbar {
    float: none;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 0px) and (max-width: 650px) {

    .container--catalog .hero catalog-filter .toolbar,
    .container--catalog unlimited-banner .hero--auto catalog-filter .toolbar,
    unlimited-banner .container--catalog .hero--auto catalog-filter .toolbar {
        display: none
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .container--catalog .hero catalog-filter .toolbar,
    .container--catalog unlimited-banner .hero--auto catalog-filter .toolbar,
    unlimited-banner .container--catalog .hero--auto catalog-filter .toolbar {
        display: none
    }
}

.container--catalog .hero catalog-filter .toolbar.is-visible,
.container--catalog unlimited-banner .hero--auto catalog-filter .toolbar.is-visible,
unlimited-banner .container--catalog .hero--auto catalog-filter .toolbar.is-visible {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 650px) and (max-width: 900px) {

    .container--catalog .hero catalog-filter .toolbar.is-visible,
    .container--catalog unlimited-banner .hero--auto catalog-filter .toolbar.is-visible,
    unlimited-banner .container--catalog .hero--auto catalog-filter .toolbar.is-visible {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.container--catalog .hero catalog-filter catalog-filter-dropdown,
.container--catalog unlimited-banner .hero--auto catalog-filter catalog-filter-dropdown,
unlimited-banner .container--catalog .hero--auto catalog-filter catalog-filter-dropdown {
    border-radius: 3px
}

.container--catalog .hero catalog-filter catalog-filter-dropdown .dropdown,
.container--catalog unlimited-banner .hero--auto catalog-filter catalog-filter-dropdown .dropdown,
unlimited-banner .container--catalog .hero--auto catalog-filter catalog-filter-dropdown .dropdown {
    border-radius: 3px
}

.container--catalog .hero catalog-filter catalog-filter-dropdown .dropdown.selected,
.container--catalog unlimited-banner .hero--auto catalog-filter catalog-filter-dropdown .dropdown.selected,
unlimited-banner .container--catalog .hero--auto catalog-filter catalog-filter-dropdown .dropdown.selected {
    background: #FFF
}

.container--catalog .hero catalog-filter catalog-filter-dropdown .dropdown.selected>.title h4,
.container--catalog unlimited-banner .hero--auto catalog-filter catalog-filter-dropdown .dropdown.selected>.title h4,
unlimited-banner .container--catalog .hero--auto catalog-filter catalog-filter-dropdown .dropdown.selected>.title h4 {
    color: #000
}

.container--catalog .hero catalog-filter catalog-filter-dropdown .title,
.container--catalog unlimited-banner .hero--auto catalog-filter catalog-filter-dropdown .title,
unlimited-banner .container--catalog .hero--auto catalog-filter catalog-filter-dropdown .title {
    text-align: left;
    border: none
}

.container--catalog .content-wrapper {
    float: left;
    width: 100%;
    padding-top: 0px
}

.container--catalog .content-wrapper sort-menu {
    float: right;
    height: 45px
}

.container--catalog .content-wrapper sort-menu .popup-dropdown {
    margin-right: 85px
}

@media (min-width: 900px) and (max-width: 1350px) {
    .container--catalog .content-wrapper sort-menu .popup-dropdown {
        margin-right: 12px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .container--catalog .content-wrapper sort-menu .popup-dropdown {
        margin: 0px 120px 0 0
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    .container--catalog .content-wrapper sort-menu .popup-dropdown {
        margin-right: 0px
    }
}

.container--catalog .content-wrapper sort-menu .popup-dropdown .dropdown-button {
    box-shadow: none;
    border: none
}

.container--catalog.state_bundle top-banner+.container .row:first-child,
.container--catalog.state_bundle top-banner+.container--body .row:first-child,
.container--catalog.state_bundle top-banner+.container--catalog .row:first-child,
.container--catalog.state_bundle .section top-banner+.container--centered .row:first-child,
.section .container--catalog.state_bundle top-banner+.container--centered .row:first-child,
.container--catalog.state_bundle top-banner+.container .state-seo-new .row--centered:first-child,
.state-seo-new .container--catalog.state_bundle top-banner+.container .row--centered:first-child,
.container--catalog.state_bundle top-banner+.container--body .state-seo-new .row--centered:first-child,
.state-seo-new .container--catalog.state_bundle top-banner+.container--body .row--centered:first-child,
.container--catalog.state_bundle top-banner+.container--catalog .state-seo-new .row--centered:first-child,
.state-seo-new .container--catalog.state_bundle top-banner+.container--catalog .row--centered:first-child,
.container--catalog.state_bundle .section top-banner+.container--centered .state-seo-new .row--centered:first-child,
.state-seo-new .container--catalog.state_bundle .section top-banner+.container--centered .row--centered:first-child,
.section .container--catalog.state_bundle top-banner+.container--centered .state-seo-new .row--centered:first-child,
.state-seo-new .section .container--catalog.state_bundle top-banner+.container--centered .row--centered:first-child,
.container--catalog.state_curricula top-banner+.container .row:first-child,
.container--catalog.state_curricula top-banner+.container--body .row:first-child,
.container--catalog.state_curricula top-banner+.container--catalog .row:first-child,
.container--catalog.state_curricula .section top-banner+.container--centered .row:first-child,
.section .container--catalog.state_curricula top-banner+.container--centered .row:first-child,
.container--catalog.state_curricula top-banner+.container .state-seo-new .row--centered:first-child,
.state-seo-new .container--catalog.state_curricula top-banner+.container .row--centered:first-child,
.container--catalog.state_curricula top-banner+.container--body .state-seo-new .row--centered:first-child,
.state-seo-new .container--catalog.state_curricula top-banner+.container--body .row--centered:first-child,
.container--catalog.state_curricula top-banner+.container--catalog .state-seo-new .row--centered:first-child,
.state-seo-new .container--catalog.state_curricula top-banner+.container--catalog .row--centered:first-child,
.container--catalog.state_curricula .section top-banner+.container--centered .state-seo-new .row--centered:first-child,
.state-seo-new .container--catalog.state_curricula .section top-banner+.container--centered .row--centered:first-child,
.section .container--catalog.state_curricula top-banner+.container--centered .state-seo-new .row--centered:first-child,
.state-seo-new .section .container--catalog.state_curricula top-banner+.container--centered .row--centered:first-child,
.container--catalog.curricula_category top-banner+.container .row:first-child,
.container--catalog.curricula_category top-banner+.container--body .row:first-child,
.container--catalog.curricula_category top-banner+.container--catalog .row:first-child,
.container--catalog.curricula_category .section top-banner+.container--centered .row:first-child,
.section .container--catalog.curricula_category top-banner+.container--centered .row:first-child,
.container--catalog.curricula_category top-banner+.container .state-seo-new .row--centered:first-child,
.state-seo-new .container--catalog.curricula_category top-banner+.container .row--centered:first-child,
.container--catalog.curricula_category top-banner+.container--body .state-seo-new .row--centered:first-child,
.state-seo-new .container--catalog.curricula_category top-banner+.container--body .row--centered:first-child,
.container--catalog.curricula_category top-banner+.container--catalog .state-seo-new .row--centered:first-child,
.state-seo-new .container--catalog.curricula_category top-banner+.container--catalog .row--centered:first-child,
.container--catalog.curricula_category .section top-banner+.container--centered .state-seo-new .row--centered:first-child,
.state-seo-new .container--catalog.curricula_category .section top-banner+.container--centered .row--centered:first-child,
.section .container--catalog.curricula_category top-banner+.container--centered .state-seo-new .row--centered:first-child,
.state-seo-new .section .container--catalog.curricula_category top-banner+.container--centered .row--centered:first-child,
.container--catalog.state_curricula_category top-banner+.container .row:first-child,
.container--catalog.state_curricula_category top-banner+.container--body .row:first-child,
.container--catalog.state_curricula_category top-banner+.container--catalog .row:first-child,
.container--catalog.state_curricula_category .section top-banner+.container--centered .row:first-child,
.section .container--catalog.state_curricula_category top-banner+.container--centered .row:first-child,
.container--catalog.state_curricula_category top-banner+.container .state-seo-new .row--centered:first-child,
.state-seo-new .container--catalog.state_curricula_category top-banner+.container .row--centered:first-child,
.container--catalog.state_curricula_category top-banner+.container--body .state-seo-new .row--centered:first-child,
.state-seo-new .container--catalog.state_curricula_category top-banner+.container--body .row--centered:first-child,
.container--catalog.state_curricula_category top-banner+.container--catalog .state-seo-new .row--centered:first-child,
.state-seo-new .container--catalog.state_curricula_category top-banner+.container--catalog .row--centered:first-child,
.container--catalog.state_curricula_category .section top-banner+.container--centered .state-seo-new .row--centered:first-child,
.state-seo-new .container--catalog.state_curricula_category .section top-banner+.container--centered .row--centered:first-child,
.section .container--catalog.state_curricula_category top-banner+.container--centered .state-seo-new .row--centered:first-child,
.state-seo-new .section .container--catalog.state_curricula_category top-banner+.container--centered .row--centered:first-child {
    padding: 25px 0px
}

.container--catalog.bundle>.container h3,
.container--catalog.bundle>.container--body h3,
.container--catalog.bundle>.container--catalog h3,
.section .container--catalog.bundle>.container--centered h3 {
    text-transform: uppercase;
    text-align: left;
    color: #272727;
    font-style: italic;
    font-weight: 900;
    font-size: 24px
}

.container--catalog unlimited-banner {
    float: left;
    width: 100%;
    margin-top: 25px
}

.accreditation-requirements #map {
    margin: 60px auto 0;
    width: 800px;
    height: 510px
}

@media (min-width: 0px) and (max-width: 650px) {
    .accreditation-requirements #map {
        display: none
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .accreditation-requirements #map {
        display: none
    }
}

.accreditation-requirements .section {
    display: inline-block;
    margin: 30px
}

.accreditation-requirements .section img {
    float: left;
    width: 75px
}

.accreditation-requirements .section .field,
.accreditation-requirements .section .field--shortened {
    float: left;
    width: calc(100% - 100px);
    margin-left: 20px;
    margin-top: 5px
}

.accreditation-requirements .state-list {
    margin: 50px 0 -100px 0;
    background: #D8D8D8;
    padding: 60px 5%
}

@media (min-width: 0px) and (max-width: 650px) {
    .accreditation-requirements .state-list {
        display: none
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .accreditation-requirements .state-list {
        display: none
    }
}

.accreditation-requirements .state-list ul {
    list-style-type: none;
    padding: 0
}

.accreditation-requirements .state-list ul:after {
    content: "";
    display: table;
    clear: both
}

.accreditation-requirements .state-list>ul>li {
    float: left;
    width: 16%;
    margin-left: 0px;
    font-size: 12px;
    text-align: left;
    margin-bottom: 0px
}

@media (min-width: 0px) and (max-width: 650px) {
    .accreditation-requirements .state-list>ul>li {
        width: 50%;
        text-align: center
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .accreditation-requirements .state-list>ul>li {
        width: 33%
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    .accreditation-requirements .state-list>ul>li {
        width: 16%
    }
}

.accreditation-requirements .state-list>ul>li li {
    margin-bottom: 10px
}

.accreditation-requirements .state-list a {
    font-size: 1.2em;
    color: #272727
}

.accreditation-requirements .state-list a:hover {
    color: #1a456c
}

.accreditation-requirements .empty-results-message {
    margin-top: 30px;
    margin-bottom: 2em;
    display: none
}

.accreditation-requirements .empty-results-message p {
    text-align: center
}

@media (min-width: 0px) and (max-width: 650px) {
    .accreditation-requirements .empty-results-message {
        display: block
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .accreditation-requirements .empty-results-message {
        display: block
    }
}

.accreditation-requirements .hide {
    visibility: hidden
}

.accreditation-requirements .hero,
.accreditation-requirements unlimited-banner .hero--auto,
unlimited-banner .accreditation-requirements .hero--auto {
    background: linear-gradient(135deg, #2D7ABF 0%, #272727 100%);
    padding: 50px 100px;
    color: white
}

@media (min-width: 0px) and (max-width: 650px) {

    .accreditation-requirements .hero,
    .accreditation-requirements unlimited-banner .hero--auto,
    unlimited-banner .accreditation-requirements .hero--auto {
        padding: 20px
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .accreditation-requirements .hero,
    .accreditation-requirements unlimited-banner .hero--auto,
    unlimited-banner .accreditation-requirements .hero--auto {
        padding: 50px
    }
}

.accreditation-requirements .hero img,
.accreditation-requirements unlimited-banner .hero--auto img,
unlimited-banner .accreditation-requirements .hero--auto img {
    width: 100%
}

.accreditation-requirements .hero .action,
.accreditation-requirements unlimited-banner .hero--auto .action,
unlimited-banner .accreditation-requirements .hero--auto .action,
.accreditation-requirements .hero .action--secondary,
.accreditation-requirements unlimited-banner .hero--auto .action--secondary,
unlimited-banner .accreditation-requirements .hero--auto .action--secondary,
.accreditation-requirements .hero .action--third,
.accreditation-requirements unlimited-banner .hero--auto .action--third,
unlimited-banner .accreditation-requirements .hero--auto .action--third,
.accreditation-requirements .hero .action--danger,
.accreditation-requirements unlimited-banner .hero--auto .action--danger,
unlimited-banner .accreditation-requirements .hero--auto .action--danger {
    margin-top: 20px;
    background: #F4931E;
    border-bottom: 2px solid #A65A00
}

.accreditation-requirements .hero .action a:hover,
.accreditation-requirements unlimited-banner .hero--auto .action a:hover,
unlimited-banner .accreditation-requirements .hero--auto .action a:hover,
.accreditation-requirements .hero .action--secondary a:hover,
.accreditation-requirements unlimited-banner .hero--auto .action--secondary a:hover,
unlimited-banner .accreditation-requirements .hero--auto .action--secondary a:hover,
.accreditation-requirements .hero .action--third a:hover,
.accreditation-requirements unlimited-banner .hero--auto .action--third a:hover,
unlimited-banner .accreditation-requirements .hero--auto .action--third a:hover,
.accreditation-requirements .hero .action--danger a:hover,
.accreditation-requirements unlimited-banner .hero--auto .action--danger a:hover,
unlimited-banner .accreditation-requirements .hero--auto .action--danger a:hover {
    background: #A65A00
}

.accreditation-requirements .hero .action+.action,
.accreditation-requirements unlimited-banner .hero--auto .action+.action,
unlimited-banner .accreditation-requirements .hero--auto .action+.action,
.accreditation-requirements .hero .action--secondary+.action,
.accreditation-requirements unlimited-banner .hero--auto .action--secondary+.action,
unlimited-banner .accreditation-requirements .hero--auto .action--secondary+.action,
.accreditation-requirements .hero .action--third+.action,
.accreditation-requirements unlimited-banner .hero--auto .action--third+.action,
unlimited-banner .accreditation-requirements .hero--auto .action--third+.action,
.accreditation-requirements .hero .action--danger+.action,
.accreditation-requirements unlimited-banner .hero--auto .action--danger+.action,
unlimited-banner .accreditation-requirements .hero--auto .action--danger+.action,
.accreditation-requirements .hero .action+.action--secondary,
.accreditation-requirements unlimited-banner .hero--auto .action+.action--secondary,
unlimited-banner .accreditation-requirements .hero--auto .action+.action--secondary,
.accreditation-requirements .hero .action--secondary+.action--secondary,
.accreditation-requirements unlimited-banner .hero--auto .action--secondary+.action--secondary,
unlimited-banner .accreditation-requirements .hero--auto .action--secondary+.action--secondary,
.accreditation-requirements .hero .action--third+.action--secondary,
.accreditation-requirements unlimited-banner .hero--auto .action--third+.action--secondary,
unlimited-banner .accreditation-requirements .hero--auto .action--third+.action--secondary,
.accreditation-requirements .hero .action--danger+.action--secondary,
.accreditation-requirements unlimited-banner .hero--auto .action--danger+.action--secondary,
unlimited-banner .accreditation-requirements .hero--auto .action--danger+.action--secondary,
.accreditation-requirements .hero .action+.action--third,
.accreditation-requirements unlimited-banner .hero--auto .action+.action--third,
unlimited-banner .accreditation-requirements .hero--auto .action+.action--third,
.accreditation-requirements .hero .action--secondary+.action--third,
.accreditation-requirements unlimited-banner .hero--auto .action--secondary+.action--third,
unlimited-banner .accreditation-requirements .hero--auto .action--secondary+.action--third,
.accreditation-requirements .hero .action--third+.action--third,
.accreditation-requirements unlimited-banner .hero--auto .action--third+.action--third,
unlimited-banner .accreditation-requirements .hero--auto .action--third+.action--third,
.accreditation-requirements .hero .action--danger+.action--third,
.accreditation-requirements unlimited-banner .hero--auto .action--danger+.action--third,
unlimited-banner .accreditation-requirements .hero--auto .action--danger+.action--third,
.accreditation-requirements .hero .action+.action--danger,
.accreditation-requirements unlimited-banner .hero--auto .action+.action--danger,
unlimited-banner .accreditation-requirements .hero--auto .action+.action--danger,
.accreditation-requirements .hero .action--secondary+.action--danger,
.accreditation-requirements unlimited-banner .hero--auto .action--secondary+.action--danger,
unlimited-banner .accreditation-requirements .hero--auto .action--secondary+.action--danger,
.accreditation-requirements .hero .action--third+.action--danger,
.accreditation-requirements unlimited-banner .hero--auto .action--third+.action--danger,
unlimited-banner .accreditation-requirements .hero--auto .action--third+.action--danger,
.accreditation-requirements .hero .action--danger+.action--danger,
.accreditation-requirements unlimited-banner .hero--auto .action--danger+.action--danger,
unlimited-banner .accreditation-requirements .hero--auto .action--danger+.action--danger {
    margin-left: 10px
}

@media (min-width: 0px) and (max-width: 650px) {

    .accreditation-requirements .hero .action+.action,
    .accreditation-requirements unlimited-banner .hero--auto .action+.action,
    unlimited-banner .accreditation-requirements .hero--auto .action+.action,
    .accreditation-requirements .hero .action--secondary+.action,
    .accreditation-requirements unlimited-banner .hero--auto .action--secondary+.action,
    unlimited-banner .accreditation-requirements .hero--auto .action--secondary+.action,
    .accreditation-requirements .hero .action--third+.action,
    .accreditation-requirements unlimited-banner .hero--auto .action--third+.action,
    unlimited-banner .accreditation-requirements .hero--auto .action--third+.action,
    .accreditation-requirements .hero .action--danger+.action,
    .accreditation-requirements unlimited-banner .hero--auto .action--danger+.action,
    unlimited-banner .accreditation-requirements .hero--auto .action--danger+.action,
    .accreditation-requirements .hero .action+.action--secondary,
    .accreditation-requirements unlimited-banner .hero--auto .action+.action--secondary,
    unlimited-banner .accreditation-requirements .hero--auto .action+.action--secondary,
    .accreditation-requirements .hero .action--secondary+.action--secondary,
    .accreditation-requirements unlimited-banner .hero--auto .action--secondary+.action--secondary,
    unlimited-banner .accreditation-requirements .hero--auto .action--secondary+.action--secondary,
    .accreditation-requirements .hero .action--third+.action--secondary,
    .accreditation-requirements unlimited-banner .hero--auto .action--third+.action--secondary,
    unlimited-banner .accreditation-requirements .hero--auto .action--third+.action--secondary,
    .accreditation-requirements .hero .action--danger+.action--secondary,
    .accreditation-requirements unlimited-banner .hero--auto .action--danger+.action--secondary,
    unlimited-banner .accreditation-requirements .hero--auto .action--danger+.action--secondary,
    .accreditation-requirements .hero .action+.action--third,
    .accreditation-requirements unlimited-banner .hero--auto .action+.action--third,
    unlimited-banner .accreditation-requirements .hero--auto .action+.action--third,
    .accreditation-requirements .hero .action--secondary+.action--third,
    .accreditation-requirements unlimited-banner .hero--auto .action--secondary+.action--third,
    unlimited-banner .accreditation-requirements .hero--auto .action--secondary+.action--third,
    .accreditation-requirements .hero .action--third+.action--third,
    .accreditation-requirements unlimited-banner .hero--auto .action--third+.action--third,
    unlimited-banner .accreditation-requirements .hero--auto .action--third+.action--third,
    .accreditation-requirements .hero .action--danger+.action--third,
    .accreditation-requirements unlimited-banner .hero--auto .action--danger+.action--third,
    unlimited-banner .accreditation-requirements .hero--auto .action--danger+.action--third,
    .accreditation-requirements .hero .action+.action--danger,
    .accreditation-requirements unlimited-banner .hero--auto .action+.action--danger,
    unlimited-banner .accreditation-requirements .hero--auto .action+.action--danger,
    .accreditation-requirements .hero .action--secondary+.action--danger,
    .accreditation-requirements unlimited-banner .hero--auto .action--secondary+.action--danger,
    unlimited-banner .accreditation-requirements .hero--auto .action--secondary+.action--danger,
    .accreditation-requirements .hero .action--third+.action--danger,
    .accreditation-requirements unlimited-banner .hero--auto .action--third+.action--danger,
    unlimited-banner .accreditation-requirements .hero--auto .action--third+.action--danger,
    .accreditation-requirements .hero .action--danger+.action--danger,
    .accreditation-requirements unlimited-banner .hero--auto .action--danger+.action--danger,
    unlimited-banner .accreditation-requirements .hero--auto .action--danger+.action--danger {
        margin-left: 0
    }
}

.accreditation-requirements .hero .select,
.accreditation-requirements unlimited-banner .hero--auto .select,
unlimited-banner .accreditation-requirements .hero--auto .select {
    position: relative;
    display: block;
    float: left;
    width: 300px;
    clear: both;
    margin-top: 20px
}

.accreditation-requirements .hero .select::after,
.accreditation-requirements unlimited-banner .hero--auto .select::after,
unlimited-banner .accreditation-requirements .hero--auto .select::after {
    content: '';
    background-image: url(//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/catalog/carat-white.svg);
    position: absolute;
    right: 10px;
    top: 18px;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    z-index: 1
}

.accreditation-requirements .hero .select select,
.accreditation-requirements unlimited-banner .hero--auto .select select,
unlimited-banner .accreditation-requirements .hero--auto .select select {
    background: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    z-index: 5;
    color: white;
    -webkit-appearance: none;
    width: 100%;
    padding: 10px;
    cursor: pointer
}

.accreditation-requirements .hero .select select option,
.accreditation-requirements unlimited-banner .hero--auto .select select option,
unlimited-banner .accreditation-requirements .hero--auto .select select option {
    color: black
}

.accreditation-requirements .hero .select select:-moz-focusring,
.accreditation-requirements unlimited-banner .hero--auto .select select:-moz-focusring,
unlimited-banner .accreditation-requirements .hero--auto .select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #FFF
}

.accreditation-requirements .offer-wrapper {
    margin-top: 50px
}

.accreditation-requirements .offer-wrapper .action,
.accreditation-requirements .offer-wrapper .action--secondary,
.accreditation-requirements .offer-wrapper .action--third,
.accreditation-requirements .offer-wrapper .action--danger {
    border-bottom: 2px solid #A65A00
}

.accreditation-requirements .offer-wrapper .action a:hover,
.accreditation-requirements .offer-wrapper .action--secondary a:hover,
.accreditation-requirements .offer-wrapper .action--third a:hover,
.accreditation-requirements .offer-wrapper .action--danger a:hover {
    background: #A65A00
}

.accreditation-requirements .callout {
    background: linear-gradient(180deg, #2D7ABF 0%, #272727 100%);
    padding: 50px;
    color: white;
    text-align: center
}

@media (min-width: 0px) and (max-width: 650px) {
    .accreditation-requirements .callout {
        padding: 20px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .accreditation-requirements .callout {
        padding: 50px
    }
}

.accreditation-requirements .callout h2,
.accreditation-requirements .callout h4 {
    margin-bottom: 20px;
    font-size: 28px
}

.accreditation-requirements .callout h5 {
    font-weight: 300;
    font-size: 18px
}

.accreditation-requirements .callout .container--left {
    width: 50%;
    padding: 40px
}

@media (min-width: 0px) and (max-width: 650px) {
    .accreditation-requirements .callout .container--left {
        width: 100%;
        padding: 20px
    }
}

.accreditation-requirements .callout .container--right {
    width: 50%;
    padding: 40px
}

@media (min-width: 0px) and (max-width: 650px) {
    .accreditation-requirements .callout .container--right {
        width: 100%;
        padding: 20px
    }
}

.accreditation-requirements .callout .action,
.accreditation-requirements .callout .action--secondary,
.accreditation-requirements .callout .action--third,
.accreditation-requirements .callout .action--danger {
    margin: 10px auto;
    float: none;
    max-width: 300px;
    font-size: 18px;
    background: #F4931E
}

.accreditation-requirements .container,
.accreditation-requirements .container--body,
.accreditation-requirements .container--catalog,
.accreditation-requirements .section .container--centered,
.section .accreditation-requirements .container--centered {
    width: 75%;
    max-width: 800px;
    margin: 0 auto
}

@media (min-width: 0px) and (max-width: 650px) {

    .accreditation-requirements .container,
    .accreditation-requirements .container--body,
    .accreditation-requirements .container--catalog,
    .accreditation-requirements .section .container--centered,
    .section .accreditation-requirements .container--centered {
        width: 90%
    }
}

.accreditation-requirements .container h2,
.accreditation-requirements .container--body h2,
.accreditation-requirements .container--catalog h2,
.accreditation-requirements .section .container--centered h2,
.section .accreditation-requirements .container--centered h2 {
    margin: 20px 0;
    text-align: center;
    margin-top: 40px;
    text-transform: uppercase;
    font-weight: 900;
    font-style: italic
}

.accreditation-requirements .container--full {
    width: 100%
}

.accreditation-requirements .container--left {
    width: 50%;
    float: left
}

.accreditation-requirements .container--right {
    width: 50%;
    float: right
}

.accreditation-requirements .container.section-wrapper .toggle-panel,
.accreditation-requirements .section-wrapper.container--body .toggle-panel,
.accreditation-requirements .section-wrapper.container--catalog .toggle-panel,
.accreditation-requirements .section .section-wrapper.container--centered .toggle-panel,
.section .accreditation-requirements .section-wrapper.container--centered .toggle-panel,
.accreditation-requirements .container.section-wrapper .toggle-panel--open,
.accreditation-requirements .section-wrapper.container--body .toggle-panel--open,
.accreditation-requirements .section-wrapper.container--catalog .toggle-panel--open,
.accreditation-requirements .section .section-wrapper.container--centered .toggle-panel--open,
.section .accreditation-requirements .section-wrapper.container--centered .toggle-panel--open {
    margin-top: 10px
}

.accreditation-requirements .accreditation-info-list li {
    margin-bottom: 10px
}

.accreditation-requirements .accreditation-info-list li:last-child {
    margin-bottom: 0
}

.accreditation-requirements .landing {
    margin-top: 60px
}

.accreditation-requirements .landing .centered {
    text-align: center
}

.accreditation-requirements .landing .main {
    margin-bottom: 20px
}

.accreditation-requirements .toggle-panel,
.accreditation-requirements .toggle-panel--open {
    border: 1px solid rgba(39, 39, 39, 0.1);
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    margin-top: 50px;
    clear: both
}

.accreditation-requirements .toggle-panel:after,
.accreditation-requirements .toggle-panel--open:after {
    content: '';
    background-image: url(//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/common/carat-blue.svg);
    position: absolute;
    right: 5%;
    top: 20px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    z-index: 1
}

.accreditation-requirements .toggle-panel h3,
.accreditation-requirements .toggle-panel--open h3 {
    font-size: 1.1em;
    font-style: italic;
    font-weight: 400;
    color: #2D7ABF;
    width: 100%;
    padding: 20px 80px 20px 20px;
    position: relative;
    z-index: 5
}

.accreditation-requirements .toggle-panel h3.cpe,
.accreditation-requirements .toggle-panel--open h3.cpe {
    color: #272727
}

.accreditation-requirements .toggle-panel--open {
    cursor: inherit
}

.accreditation-requirements .toggle-panel--open .toggle-panel--content {
    display: block
}

.accreditation-requirements .toggle-panel--open .toggle-panel--content p,
.accreditation-requirements .toggle-panel--open .toggle-panel--content span,
.accreditation-requirements .toggle-panel--open .toggle-panel--content li {
    line-height: 1.45
}

.accreditation-requirements .toggle-panel--open:after {
    display: none
}

.accreditation-requirements .toggle-panel--open .cpe-sponsor {
    padding: 0 20px 20px
}

.accreditation-requirements .toggle-panel--open .cpe-sponsor img {
    float: left;
    width: 75px;
    margin-right: 10px
}

.accreditation-requirements .toggle-panel--content {
    width: 100%;
    display: none;
    padding: 0 20px 20px
}

.accreditation-requirements .toggle-panel.open .toggle-panel--content,
.accreditation-requirements .open.toggle-panel--open .toggle-panel--content {
    display: block;
    padding: 0 0 20px 20px
}

.accreditation-requirements .toggle-panel.open:after,
.accreditation-requirements .open.toggle-panel--open:after {
    transform: rotate(180deg)
}

.secondary-container {
    width: 1160px;
    margin: 60px auto
}

.secondary-container:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 0px) and (max-width: 650px) {
    .secondary-container {
        width: 320px;
        padding: 20px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .secondary-container {
        width: 80%
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    .secondary-container {
        width: 800px
    }
}

.secondary-container .page-description {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 40px;
    text-align: center;
    color: #979797
}

.about-us .block {
    min-height: 50vh;
    padding: 60px 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    border-bottom: 1px solid #D8D8D8
}

.about-us .block:last-child {
    border-bottom: none
}

.about-us .block .container,
.about-us .block .container--body,
.about-us .block .container--catalog,
.about-us .block .section .container--centered,
.section .about-us .block .container--centered {
    width: 75%;
    max-width: 800px;
    margin: 0 auto
}

.about-us .block .container.split,
.about-us .block .split.container--body,
.about-us .block .split.container--catalog,
.about-us .block .section .split.container--centered,
.section .about-us .block .split.container--centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.about-us .block .container h2,
.about-us .block .container--body h2,
.about-us .block .container--catalog h2,
.about-us .block .section .container--centered h2,
.section .about-us .block .container--centered h2,
.about-us .block .container p,
.about-us .block .container--body p,
.about-us .block .container--catalog p,
.about-us .block .section .container--centered p,
.section .about-us .block .container--centered p {
    display: block;
    width: 100%;
    float: left
}

.about-us .block .container img,
.about-us .block .container--body img,
.about-us .block .container--catalog img,
.about-us .block .section .container--centered img,
.section .about-us .block .container--centered img {
    margin-top: 30px;
    max-width: 100%
}

.about-us .block .container .action,
.about-us .block .container--body .action,
.about-us .block .container--catalog .action,
.about-us .block .section .container--centered .action,
.section .about-us .block .container--centered .action,
.about-us .block .container .action--secondary,
.about-us .block .container--body .action--secondary,
.about-us .block .container--catalog .action--secondary,
.about-us .block .section .container--centered .action--secondary,
.section .about-us .block .container--centered .action--secondary,
.about-us .block .container .action--third,
.about-us .block .container--body .action--third,
.about-us .block .container--catalog .action--third,
.about-us .block .section .container--centered .action--third,
.section .about-us .block .container--centered .action--third,
.about-us .block .container .action--danger,
.about-us .block .container--body .action--danger,
.about-us .block .container--catalog .action--danger,
.about-us .block .section .container--centered .action--danger,
.section .about-us .block .container--centered .action--danger {
    float: none;
    margin: 0 auto;
    width: 250px;
    margin-top: 30px
}

.about-us .block .statistic {
    float: left;
    width: 50%;
    margin: 30px 0
}

@media (min-width: 0px) and (max-width: 650px) {
    .about-us .block .statistic {
        width: 100%
    }
}

.about-us .block .statistic h3 {
    color: #2D7ABF;
    font-weight: 300;
    font-size: 60px
}

.about-us .block .statistic h4 {
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase
}

.about-us .block .faculty-block {
    width: 15%;
    margin: 2%;
    display: inline-block;
    vertical-align: top
}

@media (min-width: 0px) and (max-width: 650px) {
    .about-us .block .faculty-block {
        width: 45%;
        margin: 2.5%
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .about-us .block .faculty-block {
        width: 30%;
        margin: 1.5%
    }
}

.about-us .block .faculty-block img {
    border-radius: 100%;
    width: 75px;
    height: 75px
}

.about-us .block .faculty-block h3 {
    margin-top: 10px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px
}

.about-us .block .faculty-block h4 {
    margin-top: 5px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 2px
}

.about-us .block .action,
.about-us .block .action--secondary,
.about-us .block .action--third,
.about-us .block .action--danger {
    float: none
}

.about-us .block .social-icon {
    width: 50px;
    height: 50px;
    margin: 0 10px
}

.about-us .block.hero,
.about-us unlimited-banner .block.hero--auto,
unlimited-banner .about-us .block.hero--auto {
    height: 50vh;
    background: url("//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/secondary/nyc-backdrop.jpg");
    background-size: cover;
    color: white;
    width: 100%;
    max-width: 100%;
    border-bottom: none
}

.about-us .block.hero h1,
.about-us unlimited-banner .block.hero--auto h1,
unlimited-banner .about-us .block.hero--auto h1 {
    margin: 0 auto
}

.about-us .block .row,
.about-us .block .state-seo-new .row--centered,
.state-seo-new .about-us .block .row--centered {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 80px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 650px) and (max-width: 900px) {

    .about-us .block .row,
    .about-us .block .state-seo-new .row--centered,
    .state-seo-new .about-us .block .row--centered {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width: 0px) and (max-width: 650px) {

    .about-us .block .row,
    .about-us .block .state-seo-new .row--centered,
    .state-seo-new .about-us .block .row--centered {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.about-us .block .field-of-study {
    background: #2D7ABF;
    border-radius: 200px;
    padding: 10px 40px;
    color: white;
    float: left;
    font-weight: 400;
    text-transform: uppercase
}

.about-us .block .field-of-study img {
    position: relative;
    width: 20px;
    margin-right: 10px;
    margin-top: 0;
    top: 3px
}

@media (min-width: 650px) and (max-width: 900px) {
    .about-us .block .field-of-study+.field-of-study {
        margin-top: 15px
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    .about-us .block .field-of-study+.field-of-study {
        margin-top: 15px
    }
}

.about-us .block--left {
    width: 50%;
    float: left;
    text-align: left
}

.about-us .block--right {
    width: 50%;
    float: right;
    position: relative;
    right: -30%
}

.about-us .block--right img {
    width: 100%;
    margin-top: 0
}

.app-landing .google-play-badge {
    width: 147px
}

.app-landing .app-store-badge {
    max-width: 150px
}

.app-landing .header-device,
.app-landing .header-device--iphone,
.app-landing .header-device--pixel,
.app-landing .header-device--combo {
    width: 300px;
    position: relative
}

.app-landing .header-device--iphone {
    bottom: -40px
}

.app-landing .header-device--pixel {
    padding: 20px;
    bottom: -60px
}

.app-landing .header-device--combo {
    width: 400px;
    padding: 20px;
    bottom: -60px
}

.app-landing .app-link--iphone {
    padding-top: 17px;
    padding-bottom: 17px;
    width: 160px
}

.app-landing .app-link--pixel {
    width: 173px
}

.app-landing .text-center {
    text-align: center
}

.app-landing .header {
    background-color: #2D7ABF;
    background-image: url("//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/app/hero.jpg");
    background-size: cover;
    background-position: 0
}

.app-landing .header .container,
.app-landing .header .container--body,
.app-landing .header .container--catalog,
.app-landing .header .section .container--centered,
.section .app-landing .header .container--centered {
    color: white;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 40px 0
}

@media (min-width: 0px) and (max-width: 650px) {

    .app-landing .header .container,
    .app-landing .header .container--body,
    .app-landing .header .container--catalog,
    .app-landing .header .section .container--centered,
    .section .app-landing .header .container--centered {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.app-landing .header .container p,
.app-landing .header .container--body p,
.app-landing .header .container--catalog p,
.app-landing .header .section .container--centered p,
.section .app-landing .header .container--centered p {
    margin-top: 10px;
    margin-bottom: 40px
}

.app-landing .header .container img,
.app-landing .header .container--body img,
.app-landing .header .container--catalog img,
.app-landing .header .section .container--centered img,
.section .app-landing .header .container--centered img {
    margin-left: auto
}

@media (min-width: 0px) and (max-width: 650px) {

    .app-landing .header .container img,
    .app-landing .header .container--body img,
    .app-landing .header .container--catalog img,
    .app-landing .header .section .container--centered img,
    .section .app-landing .header .container--centered img {
        margin-right: auto
    }
}

.app-landing h1,
.app-landing h2,
.app-landing h3 {
    text-transform: uppercase;
    font-weight: 900;
    font-style: italic
}

.app-landing .devices-hero {
    width: 100%;
    max-width: 350px
}

.app-landing .device-duo {
    width: 100%;
    max-width: 500px
}

.app-landing .profile-image {
    border-radius: 100%
}

.app-landing .notification {
    color: white;
    background: #F49E1E;
    padding: 5px 10px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: inline-block;
    text-align: center;
    top: -17px;
    position: relative;
    left: 20px
}

.app-landing .feature-description img {
    width: 50px;
    margin-bottom: 10px;
    float: left;
    margin-right: 10px;
    top: -10px;
    position: relative
}

.app-landing .feature-description+.feature-description {
    margin-top: 40px
}

.app-landing .disclaimer-text {
    font-size: 12px;
    color: #D4D4D4
}

.app-landing .container,
.app-landing .container--body,
.app-landing .container--catalog,
.app-landing .section .container--centered,
.section .app-landing .container--centered {
    width: 90%;
    max-width: 1200px;
    padding: 40px 0
}

.app-landing .container.centered,
.app-landing .centered.container--body,
.app-landing .centered.container--catalog,
.app-landing .section .centered.container--centered,
.section .app-landing .centered.container--centered {
    text-align: center
}

.app-landing .container.centered h2,
.app-landing .centered.container--body h2,
.app-landing .centered.container--catalog h2,
.app-landing .section .centered.container--centered h2,
.section .app-landing .centered.container--centered h2 {
    margin-bottom: 80px
}

.app-landing .container.aligned,
.app-landing .aligned.container--body,
.app-landing .aligned.container--catalog,
.app-landing .section .aligned.container--centered,
.section .app-landing .aligned.container--centered {
    margin-top: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 0px) and (max-width: 650px) {

    .app-landing .container.aligned,
    .app-landing .aligned.container--body,
    .app-landing .aligned.container--catalog,
    .app-landing .section .aligned.container--centered,
    .section .app-landing .aligned.container--centered {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.app-landing .no-style {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.app-landing .no-style img {
    width: 50px;
    position: relative;
    top: -12px;
    margin-right: 10px
}

.app-landing .no-style li {
    padding: 0;
    margin: 15px 0;
    font-size: 18px
}

.app-landing .no-style li:after {
    content: "";
    display: table;
    clear: both
}

.app-landing .no-style li+li {
    margin-top: 10px
}

.app-landing .container--half {
    width: 50%;
    float: left;
    padding: 0 20px
}

@media (min-width: 0px) and (max-width: 650px) {
    .app-landing .container--half {
        padding: 0
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    .app-landing .container--half+.container--half {
        margin-top: 80px
    }
}

.app-landing .container--half.column,
.app-landing .section .container--half.column--third,
.section .app-landing .container--half.column--third,
.app-landing .section .container--half.column--half,
.section .app-landing .container--half.column--half,
.app-landing .section .container--half.column--split,
.section .app-landing .container--half.column--split {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 0px) and (max-width: 650px) {

    .app-landing .container--half.column,
    .app-landing .section .container--half.column--third,
    .section .app-landing .container--half.column--third,
    .app-landing .section .container--half.column--half,
    .section .app-landing .container--half.column--half,
    .app-landing .section .container--half.column--split,
    .section .app-landing .container--half.column--split {
        margin-top: 80px
    }
}

.app-landing .container--half.column .action,
.app-landing .section .container--half.column--third .action,
.section .app-landing .container--half.column--third .action,
.app-landing .section .container--half.column--half .action,
.section .app-landing .container--half.column--half .action,
.app-landing .section .container--half.column--split .action,
.section .app-landing .container--half.column--split .action,
.app-landing .container--half.column .action--secondary,
.app-landing .section .container--half.column--third .action--secondary,
.section .app-landing .container--half.column--third .action--secondary,
.app-landing .section .container--half.column--half .action--secondary,
.section .app-landing .container--half.column--half .action--secondary,
.app-landing .section .container--half.column--split .action--secondary,
.section .app-landing .container--half.column--split .action--secondary,
.app-landing .container--half.column .action--third,
.app-landing .section .container--half.column--third .action--third,
.section .app-landing .container--half.column--third .action--third,
.app-landing .section .container--half.column--half .action--third,
.section .app-landing .container--half.column--half .action--third,
.app-landing .section .container--half.column--split .action--third,
.section .app-landing .container--half.column--split .action--third,
.app-landing .container--half.column .action--danger,
.app-landing .section .container--half.column--third .action--danger,
.section .app-landing .container--half.column--third .action--danger,
.app-landing .section .container--half.column--half .action--danger,
.section .app-landing .container--half.column--half .action--danger,
.app-landing .section .container--half.column--split .action--danger,
.section .app-landing .container--half.column--split .action--danger {
    margin-top: 20px;
    margin-bottom: 40px
}

@media (min-width: 0px) and (max-width: 650px) {
    .app-landing .container--half {
        width: 100%
    }
}

.app-landing .award {
    width: 75%;
    margin: 0 auto
}

@media (min-width: 0px) and (max-width: 650px) {
    .app-landing .award {
        width: 90%
    }
}

.app-landing .award h2 {
    text-align: right
}

@media (min-width: 0px) and (max-width: 650px) {
    .app-landing .award h2 {
        text-align: center
    }
}

.app-landing .award p {
    text-align: right
}

@media (min-width: 0px) and (max-width: 650px) {
    .app-landing .award p {
        text-align: center
    }
}

.app-landing .award img {
    width: 100%;
    max-width: 300px
}

@media (min-width: 0px) and (max-width: 650px) {

    .app-landing .award .container,
    .app-landing .award .container--body,
    .app-landing .award .container--catalog,
    .app-landing .award .section .container--centered,
    .section .app-landing .award .container--centered {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.app-landing .award .action,
.app-landing .award .action--secondary,
.app-landing .award .action--third,
.app-landing .award .action--danger {
    margin-top: 20px;
    float: right
}

@media (min-width: 0px) and (max-width: 650px) {

    .app-landing .award .action,
    .app-landing .award .action--secondary,
    .app-landing .award .action--third,
    .app-landing .award .action--danger {
        width: 100%
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    .app-landing .award .showcase-container {
        width: 100%
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    .app-landing .award .description-container {
        width: 100%
    }
}

.app-landing .testimonial {
    padding: 40px 0
}

.app-landing .testimonial img {
    width: 75px;
    height: 75px;
    margin-bottom: 20px
}

.app-landing .showcase-container {
    float: left;
    width: 50%;
    text-align: center;
    padding: 20px
}

.app-landing .description-container {
    float: right;
    width: 50%;
    padding: 20px
}

.app-landing .description-container h2 {
    text-transform: uppercase;
    font-weight: 900;
    font-style: italic
}

.app-landing .description-container h4 {
    text-transform: uppercase;
    font-weight: 900;
    font-style: italic;
    margin-bottom: 10px;
    font-size: 24px
}

@media (min-width: 0px) and (max-width: 650px) {
    .app-landing .description-container h4 {
        font-size: 18px
    }
}

.app-landing p {
    font-size: 18px;
    clear: both
}

.app-landing p.disclaimer {
    font-size: 12px;
    margin-top: 10px
}

@media (min-width: 0px) and (max-width: 650px) {
    .app-landing p.disclaimer {
        font-size: 10px
    }
}

@media (min-width: 0px) and (max-width: 650px) {
    .app-landing p {
        font-size: 14px
    }
}

.app-landing>a {
    font-weight: 300;
    float: left;
    clear: both;
    display: block;
    line-height: 1.35;
    margin-bottom: 10px
}

.unlimited-container {
    background: url("//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/common/hero-image-v3.jpg");
    background-size: cover;
    background-position: center center;
    float: left;
    margin: 30px auto;
    width: 100%;
    padding: 60px 30px;
    text-align: center;
    color: white
}

@media (min-width: 0px) and (max-width: 650px) {
    .unlimited-container {
        margin: 0 auto
    }
}

.unlimited-container .action,
.unlimited-container .action--secondary,
.unlimited-container .action--third,
.unlimited-container .action--danger {
    float: none;
    width: 175px;
    margin: 0 auto;
    margin-top: 30px
}

.unlimited-container h3 {
    text-transform: uppercase;
    font-size: 18px
}

.unlimited-container p {
    color: white;
    font-size: 16px
}

.cle-deadline {
    min-height: 60vh
}

.cle-deadline .results-container {
    display: none
}

.cle-deadline .results-container.loaded {
    display: block
}

.cle-deadline .results-table {
    display: block
}

.cle-deadline .results-list {
    display: none
}

.cle-deadline .container,
.cle-deadline .container--body,
.cle-deadline .container--catalog,
.cle-deadline .section .container--centered,
.section .cle-deadline .container--centered {
    width: 75%;
    max-width: 800px;
    margin: 60px auto
}

.cle-deadline .centered {
    text-align: center
}

.cle-deadline .search-form {
    margin: 30px 0
}

.cle-deadline .search-form:after {
    content: "";
    display: table;
    clear: both
}

.cle-deadline .search-form button {
    width: calc(20% - 10px);
    margin: 0 5px;
    text-align: center;
    padding-top: 11px;
    padding-bottom: 11px
}

.cle-deadline input {
    width: calc(40% - 10px);
    display: inline-block;
    float: left;
    margin: 0 5px
}

.cle-deadline .empty-results-message {
    display: block
}

.cle-deadline table th {
    line-height: 1.2em
}

.cle-deadline table td {
    line-height: 1.5em
}

.cle-deadline table .result-name,
.cle-deadline table .result-location,
.cle-deadline table .result-next_registration {
    white-space: nowrap
}

.cle-deadline table tbody tr {
    cursor: pointer
}

.cle-deadline table tbody tr:hover td {
    background: #e6e6e6
}

.cle-deadline .single-result {
    position: relative
}

.cle-deadline .single-result .back-to-results {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: .8em
}

.cle-deadline .single-result button {
    float: none;
    margin-top: 30px;
    padding: 11px 20px
}

.cle-deadline .result-metadata {
    margin: 30px 0
}

.cle-deadline .result-metadata:after {
    content: "";
    display: table;
    clear: both
}

.cle-deadline .result-metadata div {
    width: calc(33% - 10px);
    float: left;
    margin: 5px
}

.cle-deadline .result-metadata div strong {
    display: block;
    margin-bottom: 5px
}

@media (min-width: 0px) and (max-width: 650px) {
    .cle-deadline h1 {
        font-size: 24px
    }

    .cle-deadline .results-list {
        display: block
    }

    .cle-deadline .results-table {
        display: none
    }

    .cle-deadline .container,
    .cle-deadline .container--body,
    .cle-deadline .container--catalog,
    .cle-deadline .section .container--centered,
    .section .cle-deadline .container--centered {
        width: 90%;
        max-width: none;
        margin: 30px auto
    }

    .cle-deadline form.search-form input {
        width: 100%;
        margin: 5px 0
    }

    .cle-deadline form.search-form button {
        width: 100%;
        margin: 5px 0
    }

    .cle-deadline .single-result {
        position: relative
    }

    .cle-deadline .single-result h2 {
        font-size: 18px
    }

    .cle-deadline .results-list div {
        padding: 25px;
        cursor: pointer
    }

    .cle-deadline .results-list div+div {
        margin-top: 20px
    }

    .cle-deadline .result-metadata {
        margin: 30px 0 10px 0
    }

    .cle-deadline .result-metadata div {
        width: 100%;
        float: none;
        margin: 20px 0
    }

    .cle-deadline .result-metadata div strong {
        margin-bottom: 10px
    }
}

.sitemap.container,
.sitemap.container--body,
.sitemap.container--catalog,
.section .sitemap.container--centered {
    max-width: 1200px;
    width: 75%;
    margin: 0 auto;
    padding: 20px 0
}

.sitemap.container h3,
.sitemap.container--body h3,
.sitemap.container--catalog h3,
.section .sitemap.container--centered h3 {
    font-weight: 400;
    font-size: 18px;
    clear: both
}

.sitemap.container .category,
.sitemap.container--body .category,
.sitemap.container--catalog .category,
.section .sitemap.container--centered .category {
    margin-top: 20px;
    clear: both
}

.sitemap.container .category .group-list,
.sitemap.container--body .category .group-list,
.sitemap.container--catalog .category .group-list,
.section .sitemap.container--centered .category .group-list,
.sitemap.container .category .list,
.sitemap.container--body .category .list,
.sitemap.container--catalog .category .list,
.section .sitemap.container--centered .category .list {
    padding-top: 20px
}

.sitemap.container .category .group-list ul,
.sitemap.container--body .category .group-list ul,
.sitemap.container--catalog .category .group-list ul,
.section .sitemap.container--centered .category .group-list ul,
.sitemap.container .category .list ul,
.sitemap.container--body .category .list ul,
.sitemap.container--catalog .category .list ul,
.section .sitemap.container--centered .category .list ul {
    list-style-type: none;
    padding: 0
}

.sitemap.container .category .group-list>ul>li,
.sitemap.container--body .category .group-list>ul>li,
.sitemap.container--catalog .category .group-list>ul>li,
.section .sitemap.container--centered .category .group-list>ul>li,
.sitemap.container .category .list>ul>li,
.sitemap.container--body .category .list>ul>li,
.sitemap.container--catalog .category .list>ul>li,
.section .sitemap.container--centered .category .list>ul>li {
    float: left;
    width: 33%;
    padding: 0
}

.sitemap.container .category .group-list>ul>li li,
.sitemap.container--body .category .group-list>ul>li li,
.sitemap.container--catalog .category .group-list>ul>li li,
.section .sitemap.container--centered .category .group-list>ul>li li,
.sitemap.container .category .list>ul>li li,
.sitemap.container--body .category .list>ul>li li,
.sitemap.container--catalog .category .list>ul>li li,
.section .sitemap.container--centered .category .list>ul>li li {
    margin-bottom: 10px
}

.sitemap.container .category .list>ul>li,
.sitemap.container--body .category .list>ul>li,
.sitemap.container--catalog .category .list>ul>li,
.section .sitemap.container--centered .category .list>ul>li {
    float: none;
    width: 100%;
    margin-bottom: 10px
}

.universal-tracker .header {
    text-transform: uppercase;
    font-weight: 900;
    font-style: italic;
    color: white;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-bottom: 60px;
    background: #2D7ABF;
    text-align: center
}

.universal-tracker .header .container h1,
.universal-tracker .header .container--body h1,
.universal-tracker .header .container--catalog h1,
.universal-tracker .header .section .container--centered h1,
.section .universal-tracker .header .container--centered h1 {
    font-size: 60px;
    font-weight: 900;
    margin-bottom: 0
}

.universal-tracker .header .container h1 span,
.universal-tracker .header .container--body h1 span,
.universal-tracker .header .container--catalog h1 span,
.universal-tracker .header .section .container--centered h1 span,
.section .universal-tracker .header .container--centered h1 span {
    font-size: 24px;
    font-weight: 300
}

@media (min-width: 0px) and (max-width: 650px) {

    .universal-tracker .header .container h1 span,
    .universal-tracker .header .container--body h1 span,
    .universal-tracker .header .container--catalog h1 span,
    .universal-tracker .header .section .container--centered h1 span,
    .section .universal-tracker .header .container--centered h1 span {
        font-size: 18px
    }
}

@media (min-width: 0px) and (max-width: 650px) {

    .universal-tracker .header .container h1,
    .universal-tracker .header .container--body h1,
    .universal-tracker .header .container--catalog h1,
    .universal-tracker .header .section .container--centered h1,
    .section .universal-tracker .header .container--centered h1 {
        font-size: 26px;
        margin-bottom: 20px
    }
}

.universal-tracker .header .container h2,
.universal-tracker .header .container--body h2,
.universal-tracker .header .container--catalog h2,
.universal-tracker .header .section .container--centered h2,
.section .universal-tracker .header .container--centered h2 {
    font-weight: 300
}

@media (min-width: 0px) and (max-width: 650px) {

    .universal-tracker .header .container h2,
    .universal-tracker .header .container--body h2,
    .universal-tracker .header .container--catalog h2,
    .universal-tracker .header .section .container--centered h2,
    .section .universal-tracker .header .container--centered h2 {
        font-size: 18px
    }
}

.universal-tracker .header .container h3,
.universal-tracker .header .container--body h3,
.universal-tracker .header .container--catalog h3,
.universal-tracker .header .section .container--centered h3,
.section .universal-tracker .header .container--centered h3 {
    font-weight: 300;
    text-transform: none;
    font-style: normal
}

.universal-tracker .header .action,
.universal-tracker .header .action--secondary,
.universal-tracker .header .action--third,
.universal-tracker .header .action--danger {
    font-style: normal;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 1px;
    margin: 0 auto;
    width: 90%;
    max-width: 400px;
    float: none;
    margin-top: 30px
}

.universal-tracker .container,
.universal-tracker .container--body,
.universal-tracker .container--catalog,
.universal-tracker .section .container--centered,
.section .universal-tracker .container--centered {
    max-width: 1200px;
    width: 75%;
    margin: 0 auto
}

@media (min-width: 0px) and (max-width: 650px) {

    .universal-tracker .container,
    .universal-tracker .container--body,
    .universal-tracker .container--catalog,
    .universal-tracker .section .container--centered,
    .section .universal-tracker .container--centered {
        width: 90%
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .universal-tracker .container,
    .universal-tracker .container--body,
    .universal-tracker .container--catalog,
    .universal-tracker .section .container--centered,
    .section .universal-tracker .container--centered {
        width: 90%
    }
}

.universal-tracker .container img,
.universal-tracker .container--body img,
.universal-tracker .container--catalog img,
.universal-tracker .section .container--centered img,
.section .universal-tracker .container--centered img {
    width: 100%
}

.universal-tracker .container h1,
.universal-tracker .container--body h1,
.universal-tracker .container--catalog h1,
.universal-tracker .section .container--centered h1,
.section .universal-tracker .container--centered h1 {
    text-transform: uppercase;
    font-style: italic;
    font-weight: 900;
    text-align: center;
    margin-bottom: 60px
}

.universal-tracker .container h2,
.universal-tracker .container--body h2,
.universal-tracker .container--catalog h2,
.universal-tracker .section .container--centered h2,
.section .universal-tracker .container--centered h2 {
    text-transform: uppercase;
    font-style: italic
}

.universal-tracker .container h3,
.universal-tracker .container--body h3,
.universal-tracker .container--catalog h3,
.universal-tracker .section .container--centered h3,
.section .universal-tracker .container--centered h3 {
    text-transform: uppercase;
    font-style: italic
}

.universal-tracker .container p,
.universal-tracker .container--body p,
.universal-tracker .container--catalog p,
.universal-tracker .section .container--centered p,
.section .universal-tracker .container--centered p {
    text-align: left
}

.universal-tracker .shadow {
    border: 1px solid rgba(39, 39, 39, 0.1);
    padding: 40px 80px;
    border-radius: 3px;
    background: white;
    box-shadow: none;
    text-align: left;
    transition: all 0.2s ease-in-out;
    width: 35%;
    margin-left: auto
}

@media (min-width: 0px) and (max-width: 650px) {
    .universal-tracker .shadow {
        width: 100%;
        margin-top: 60px;
        padding: 20px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .universal-tracker .shadow {
        padding: 20px;
        width: 100%;
        margin-top: 60px
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    .universal-tracker .shadow {
        width: 50%;
        padding: 40px
    }
}

.universal-tracker .shadow:hover {
    box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(39, 39, 39, 0)
}

.universal-tracker .shadow .action,
.universal-tracker .shadow .action--secondary,
.universal-tracker .shadow .action--third,
.universal-tracker .shadow .action--danger {
    width: 100%;
    margin-top: 30px
}

.state-seo-new {
    width: 100%;
    margin: 0 auto;
    background: none;
    float: left
}

.state-seo-new ::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.state-seo-new.hero-container {
    background: linear-gradient(135deg, #2D7ABF 0%, #272727 100%);
    padding: 100px 0;
    text-align: center;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.state-seo-new.hero-container .state-icon {
    position: absolute;
    opacity: 0.1;
    z-index: 1
}

.state-seo-new.hero-container .container,
.state-seo-new.hero-container .container--body,
.state-seo-new.hero-container .container--catalog,
.state-seo-new.hero-container .section .container--centered,
.section .state-seo-new.hero-container .container--centered {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
    color: white;
    z-index: 2
}

.state-seo-new.hero-container h1 {
    text-transform: uppercase;
    font-style: italic;
    font-weight: 900;
    font-size: 40px
}

.state-seo-new.hero-container p {
    font-size: 20px;
    margin-top: 20px;
    max-width: 600px;
    margin-bottom: 40px
}

@media (min-width: 0px) and (max-width: 650px) {

    .state-seo-new.hero-container .action,
    .state-seo-new.hero-container .action--secondary,
    .state-seo-new.hero-container .action--third,
    .state-seo-new.hero-container .action--danger {
        margin-top: 25px
    }
}

.state-seo-new .container,
.state-seo-new .container--body,
.state-seo-new .container--catalog,
.state-seo-new .section .container--centered,
.section .state-seo-new .container--centered {
    max-width: 1200px;
    margin: 0 auto
}

.state-seo-new .container h2,
.state-seo-new .container--body h2,
.state-seo-new .container--catalog h2,
.state-seo-new .section .container--centered h2,
.section .state-seo-new .container--centered h2 {
    margin-bottom: 40px
}

.state-seo-new .container--full {
    width: 100%;
    max-width: 100%
}

.state-seo-new .container--full.horizontal-scroll {
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 30px
}

@media (min-width: 0px) and (max-width: 650px) {
    .state-seo-new .container--full.horizontal-scroll {
        padding: 0
    }
}

.state-seo-new .container--full .scroll-container {
    float: left;
    width: 4000px
}

@media (min-width: 0px) and (max-width: 650px) {
    .state-seo-new .container--full .scroll-container {
        width: 100%
    }
}

.state-seo-new .row,
.state-seo-new .row--centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (min-width: 0px) and (max-width: 650px) {

    .state-seo-new .row,
    .state-seo-new .row--centered {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.state-seo-new .row--centered {
    -ms-flex-pack: center;
    justify-content: center
}

.state-seo-new .column,
.state-seo-new .section .column--third,
.section .state-seo-new .column--third,
.state-seo-new .section .column--half,
.section .state-seo-new .column--half,
.state-seo-new .section .column--split,
.section .state-seo-new .column--split {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 100%
}

.state-seo-new .column img,
.state-seo-new .section .column--third img,
.section .state-seo-new .column--third img,
.state-seo-new .section .column--half img,
.section .state-seo-new .column--half img,
.state-seo-new .section .column--split img,
.section .state-seo-new .column--split img {
    max-width: 75%
}

.state-seo-new .column--half {
    width: 45%;
    margin: 0 2.5%
}

@media (min-width: 0px) and (max-width: 650px) {
    .state-seo-new .column--half {
        width: 100%;
        margin: 0
    }
}

.state-seo-new .column--half+.column--half {
    margin-top: 30px
}

.state-seo-new .column--third {
    width: 30%;
    margin: 0 1.5%;
    text-align: center
}

.state-seo-new .column--third img {
    width: 95px
}

@media (min-width: 0px) and (max-width: 650px) {
    .state-seo-new .column--third {
        width: 100%;
        margin: 0
    }
}

.state-seo-new .column--third .offer {
    background: #f5f5f5;
    padding: 20px;
    margin-top: 20px;
    border-radius: 5px
}

.state-seo-new .column--third .offer p {
    font-size: 10px;
    font-weight: 900;
    margin: 0;
    margin-bottom: 10px;
    text-transform: uppercase
}

.state-seo-new .column--third .offer a {
    font-size: 10px;
    text-transform: uppercase
}

.state-seo-new .column ul,
.state-seo-new .section .column--third ul,
.section .state-seo-new .column--third ul,
.state-seo-new .section .column--half ul,
.section .state-seo-new .column--half ul,
.state-seo-new .section .column--split ul,
.section .state-seo-new .column--split ul {
    width: 75%;
    margin: 0 auto;
    text-align: left
}

.state-seo-new .column--60 {
    width: 100%;
    margin: 0;
    max-width: 600px
}

.state-seo-new .column--60 img {
    width: 95px
}

.state-seo-new .column--60 .offer {
    background: #f5f5f5;
    padding: 20px;
    margin-top: 20px;
    border-radius: 5px
}

.state-seo-new .column--60 .offer p {
    font-size: 10px;
    font-weight: 900;
    margin: 0;
    margin-bottom: 10px;
    text-transform: uppercase
}

.state-seo-new .column--60 .offer a {
    font-size: 10px;
    text-transform: uppercase
}

.state-seo-new .column--60+.column--60 {
    margin-top: 30px
}

.state-seo-new bundle-card {
    float: right
}

@media (min-width: 0px) and (max-width: 650px) {
    .state-seo-new bundle-card {
        margin: 0 auto;
        float: none;
        display: inline-block
    }
}

.state-seo-new .breakdown {
    width: 100%
}

.state-seo-new .breakdown p {
    margin-top: 20px
}

.state-seo-new .breakdown h4 {
    text-transform: uppercase
}

.state-seo-new .breakdown .column--third {
    width: auto
}

@media (min-width: 0px) and (max-width: 650px) {
    .state-seo-new .breakdown .column--third {
        margin-bottom: 25px
    }
}

.state-seo-new .breakdown .column--third img {
    margin-bottom: 25px;
    width: 125px
}

@media (min-width: 0px) and (max-width: 650px) {
    .state-seo-new .breakdown .column--third img {
        width: 75px
    }
}

.state-seo-new .card-container {
    border: 1px solid rgba(39, 39, 39, 0.1);
    padding: 40px;
    border-radius: 3px;
    background: white;
    box-shadow: none;
    text-align: center;
    transition: all 0.2s ease-in-out
}

@media (min-width: 0px) and (max-width: 650px) {
    .state-seo-new .card-container {
        padding: 20px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .state-seo-new .card-container {
        padding: 20px
    }
}

.state-seo-new .card-container:hover {
    box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(39, 39, 39, 0)
}

.state-seo-new .card-container.callout {
    top: 0;
    padding: 50px;
    background: white
}

.state-seo-new .card-container--header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
}

@media (min-width: 0px) and (max-width: 650px) {
    .state-seo-new .card-container--header {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.state-seo-new .card-container--header h3 {
    text-align: left;
    color: #272727;
    font-style: italic;
    font-weight: 900;
    font-size: 24px;
    margin: 0 !important
}

@media (min-width: 0px) and (max-width: 650px) {
    .state-seo-new .card-container--header h3 {
        font-size: 18px
    }
}

.state-seo-new .card-container--header p {
    margin: 10px 0;
    text-align: left
}

.state-seo-new .card-container--header .action--third {
    margin: 0 !important;
    margin-left: auto !important;
    margin-top: 0 !important
}

@media (min-width: 0px) and (max-width: 650px) {
    .state-seo-new .card-container--header .action--third {
        margin: 0;
        margin-right: auto !important;
        margin-top: 20px !important
    }
}

.state-seo-new .card-container--header+.container--full.horizontal-scroll {
    padding: 0 0 20px 0
}

.state-seo-new .card-container--header .card {
    margin-top: 0
}

.state-seo-new .callout {
    border-radius: 3px;
    padding: 50px;
    position: relative;
    text-align: center;
    background: #f5f5f5
}

.state-seo-new .callout p {
    max-width: 600px
}

.state-seo-new #products>.container>p,
.state-seo-new #products>.container--body>p,
.state-seo-new #products>.container--catalog>p,
.state-seo-new .section #products>.container--centered>p,
.section .state-seo-new #products>.container--centered>p {
    margin-bottom: 80px
}

.state-seo-new #requirements {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.state-seo-new #requirements p {
    max-width: 600px
}

.state-seo-new #requirements .action,
.state-seo-new #requirements .action--secondary,
.state-seo-new #requirements .action--third,
.state-seo-new #requirements .action--danger {
    margin-top: 40px
}

.state-seo-new .section {
    margin-top: 100px;
    text-align: center
}

@media (min-width: 0px) and (max-width: 650px) {
    .state-seo-new .section {
        margin-top: 60px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .state-seo-new .section {
        margin-top: 50px
    }
}

.state-seo-new .section h3 {
    text-align: center;
    font-style: italic;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 50px
}

.state-seo-new .tab-wrapper {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto
}

.state-seo-new .tab-wrapper>select {
    display: none
}

@media (min-width: 0px) and (max-width: 650px) {
    .state-seo-new .tab-wrapper>select {
        display: block;
        text-align: center;
        text-align-last: center;
        color: #2D7ABF;
        text-transform: uppercase;
        font-style: italic;
        font-weight: 900
    }
}

.state-seo-new .tab-wrapper .tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 0px) and (max-width: 650px) {
    .state-seo-new .tab-wrapper .tabs {
        display: none
    }
}

.state-seo-new .tab-wrapper .tabs li a {
    text-transform: uppercase;
    font-style: italic;
    font-weight: 900;
    font-size: 24px;
    text-align: center
}

.state-seo-new .tab-wrapper .tabs li a.active {
    border: none;
    border-bottom: 2px solid #2D7ABF;
    color: #2D7ABF
}

.state-seo-new .tab-wrapper .subtitle {
    text-align: center;
    width: 75%;
    margin: 0 auto
}

.state-seo-new .featured-checklist {
    text-align: left;
    margin-bottom: 50px
}

@media (min-width: 0px) and (max-width: 650px) {
    .state-seo-new .featured-checklist {
        margin-bottom: 30px
    }
}

.state-seo-new .featured-checklist ul {
    list-style-type: none
}

.state-seo-new .featured-checklist li {
    margin: 15px 0;
    list-style: none;
    padding-left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 0px) and (max-width: 650px) {
    .state-seo-new .featured-checklist li {
        display: block
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .state-seo-new .featured-checklist li {
        display: block
    }
}

.state-seo-new .featured-checklist li:before {
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image: url("//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/common/checkmark-icon-blue.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px
}

.state-seo-new .unlimited {
    background-image: url("//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/common/lawline-hero-2017.jpg");
    background-size: cover;
    background-position: center center;
    color: white;
    padding: 100px 50px
}

@media (min-width: 0px) and (max-width: 650px) {
    .state-seo-new .unlimited {
        padding: 30px
    }
}

.state-seo-new .unlimited p {
    font-size: 18px;
    text-align: left
}

@media (min-width: 0px) and (max-width: 650px) {
    .state-seo-new .unlimited p {
        text-align: center
    }
}

.state-seo-new .unlimited ul {
    text-align: left;
    font-size: 18px
}

.state-seo-new .unlimited span {
    text-transform: uppercase;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 30px;
    display: block
}

@media (min-width: 0px) and (max-width: 650px) {
    .state-seo-new .unlimited span {
        margin-bottom: 20px
    }
}

.state-seo-new .unlimited h1 {
    font-size: 75px;
    font-weight: 300;
    margin-bottom: 30px
}

@media (min-width: 0px) and (max-width: 650px) {
    .state-seo-new .unlimited h1 {
        font-size: 50px;
        margin-bottom: 20px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .state-seo-new .unlimited h1 {
        font-size: 50px
    }
}

.state-seo-new .cpe-requirements .action,
.state-seo-new .cpe-requirements .action--secondary,
.state-seo-new .cpe-requirements .action--third,
.state-seo-new .cpe-requirements .action--danger {
    float: none;
    width: 300px;
    margin: 0 auto
}

.container.register .section-title,
.register.container--body .section-title,
.register.container--catalog .section-title,
.section .register.container--centered .section-title {
    text-align: center !important
}

.container.login-register,
.login-register.container--body,
.login-register.container--catalog,
.section .login-register.container--centered {
    width: 1160px;
    margin: 0 auto;
    margin-top: 60px
}

@media (min-width: 0px) and (max-width: 650px) {

    .container.login-register,
    .login-register.container--body,
    .login-register.container--catalog,
    .section .login-register.container--centered {
        width: 320px
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .container.login-register,
    .login-register.container--body,
    .login-register.container--catalog,
    .section .login-register.container--centered {
        width: 80%
    }
}

@media (min-width: 900px) and (max-width: 1350px) {

    .container.login-register,
    .login-register.container--body,
    .login-register.container--catalog,
    .section .login-register.container--centered {
        width: 800px
    }
}

.container.login-register .half-container,
.login-register.container--body .half-container,
.login-register.container--catalog .half-container,
.section .login-register.container--centered .half-container {
    margin: 0 auto;
    float: none
}

.container.login-register .half-container:after,
.login-register.container--body .half-container:after,
.login-register.container--catalog .half-container:after,
.section .login-register.container--centered .half-container:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 0px) and (max-width: 650px) {

    .container.login-register .half-container,
    .login-register.container--body .half-container,
    .login-register.container--catalog .half-container,
    .section .login-register.container--centered .half-container {
        width: 100%
    }
}

@media (min-width: 650px) and (max-width: 900px) {

    .container.login-register .half-container,
    .login-register.container--body .half-container,
    .login-register.container--catalog .half-container,
    .section .login-register.container--centered .half-container {
        width: 80%
    }
}

@media (min-width: 900px) and (max-width: 1350px) {

    .container.login-register .half-container,
    .login-register.container--body .half-container,
    .login-register.container--catalog .half-container,
    .section .login-register.container--centered .half-container {
        width: 80%
    }
}

.container.login-register .half-container .section-title,
.login-register.container--body .half-container .section-title,
.login-register.container--catalog .half-container .section-title,
.section .login-register.container--centered .half-container .section-title {
    text-align: left
}

@media (min-width: 0px) and (max-width: 650px) {

    .container.login-register .half-container .section-title,
    .login-register.container--body .half-container .section-title,
    .login-register.container--catalog .half-container .section-title,
    .section .login-register.container--centered .half-container .section-title {
        font-size: 18px
    }
}

.container.login-register .half-container .section-title.register-title,
.login-register.container--body .half-container .section-title.register-title,
.login-register.container--catalog .half-container .section-title.register-title,
.section .login-register.container--centered .half-container .section-title.register-title {
    text-align: center;
    font-size: 25px
}

.container.login-register .half-container .section-title.register-trial-title,
.login-register.container--body .half-container .section-title.register-trial-title,
.login-register.container--catalog .half-container .section-title.register-trial-title,
.section .login-register.container--centered .half-container .section-title.register-trial-title {
    font-size: 18px;
    font-weight: bold;
    text-align: center
}

.container.login-register .half-container .section-subtitle,
.login-register.container--body .half-container .section-subtitle,
.login-register.container--catalog .half-container .section-subtitle,
.section .login-register.container--centered .half-container .section-subtitle {
    text-align: left;
    margin-top: -10px;
    margin-bottom: 20px;
    font-size: 18px
}

@media (min-width: 0px) and (max-width: 650px) {

    .container.login-register .half-container .section-subtitle,
    .login-register.container--body .half-container .section-subtitle,
    .login-register.container--catalog .half-container .section-subtitle,
    .section .login-register.container--centered .half-container .section-subtitle {
        font-size: 12px
    }
}

.container.login-register .half-container .section-subtitle.register-subtitle,
.login-register.container--body .half-container .section-subtitle.register-subtitle,
.login-register.container--catalog .half-container .section-subtitle.register-subtitle,
.section .login-register.container--centered .half-container .section-subtitle.register-subtitle {
    text-align: center
}

.container.login-register .half-container .section-subtitle.register-trial-subtitle,
.login-register.container--body .half-container .section-subtitle.register-trial-subtitle,
.login-register.container--catalog .half-container .section-subtitle.register-trial-subtitle,
.section .login-register.container--centered .half-container .section-subtitle.register-trial-subtitle {
    font-size: 14px;
    text-align: center
}

.container.login-register .half-container .header-text,
.login-register.container--body .half-container .header-text,
.login-register.container--catalog .half-container .header-text,
.section .login-register.container--centered .half-container .header-text {
    font-style: italic;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 12px;
    margin-left: auto
}

@media (min-width: 0px) and (max-width: 650px) {

    .container.login-register .half-container .header-text,
    .login-register.container--body .half-container .header-text,
    .login-register.container--catalog .half-container .header-text,
    .section .login-register.container--centered .half-container .header-text {
        margin-left: 0;
        margin-top: 10px
    }
}

.container.login-register .half-container.row,
.login-register.container--body .half-container.row,
.login-register.container--catalog .half-container.row,
.section .login-register.container--centered .half-container.row,
.container.login-register .state-seo-new .half-container.row--centered,
.state-seo-new .container.login-register .half-container.row--centered,
.login-register.container--body .state-seo-new .half-container.row--centered,
.state-seo-new .login-register.container--body .half-container.row--centered,
.login-register.container--catalog .state-seo-new .half-container.row--centered,
.state-seo-new .login-register.container--catalog .half-container.row--centered,
.section .login-register.container--centered .state-seo-new .half-container.row--centered,
.state-seo-new .section .login-register.container--centered .half-container.row--centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px
}

@media (min-width: 0px) and (max-width: 650px) {

    .container.login-register .half-container.row,
    .login-register.container--body .half-container.row,
    .login-register.container--catalog .half-container.row,
    .section .login-register.container--centered .half-container.row,
    .container.login-register .state-seo-new .half-container.row--centered,
    .state-seo-new .container.login-register .half-container.row--centered,
    .login-register.container--body .state-seo-new .half-container.row--centered,
    .state-seo-new .login-register.container--body .half-container.row--centered,
    .login-register.container--catalog .state-seo-new .half-container.row--centered,
    .state-seo-new .login-register.container--catalog .half-container.row--centered,
    .section .login-register.container--centered .state-seo-new .half-container.row--centered,
    .state-seo-new .section .login-register.container--centered .half-container.row--centered {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.container.login-register .half-container.row img,
.login-register.container--body .half-container.row img,
.login-register.container--catalog .half-container.row img,
.section .login-register.container--centered .half-container.row img,
.container.login-register .state-seo-new .half-container.row--centered img,
.state-seo-new .container.login-register .half-container.row--centered img,
.login-register.container--body .state-seo-new .half-container.row--centered img,
.state-seo-new .login-register.container--body .half-container.row--centered img,
.login-register.container--catalog .state-seo-new .half-container.row--centered img,
.state-seo-new .login-register.container--catalog .half-container.row--centered img,
.section .login-register.container--centered .state-seo-new .half-container.row--centered img,
.state-seo-new .section .login-register.container--centered .half-container.row--centered img {
    width: 150px
}

.container.login-register .half-container.outlined,
.login-register.container--body .half-container.outlined,
.login-register.container--catalog .half-container.outlined,
.section .login-register.container--centered .half-container.outlined {
    border: 1px solid rgba(39, 39, 39, 0.1);
    box-shadow: none;
    border-radius: 3px;
    padding: 50px;
    transition: all 0.2s ease-in-out;
    margin-bottom: 30px
}

.container.login-register .half-container.outlined:hover,
.login-register.container--body .half-container.outlined:hover,
.login-register.container--catalog .half-container.outlined:hover,
.section .login-register.container--centered .half-container.outlined:hover {
    box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(39, 39, 39, 0)
}

.container.login-register .half-container.outlined button,
.login-register.container--body .half-container.outlined button,
.login-register.container--catalog .half-container.outlined button,
.section .login-register.container--centered .half-container.outlined button {
    margin-left: auto;
    padding: 10px 50px;
    margin: 0;
    float: right
}

@media (min-width: 0px) and (max-width: 650px) {

    .container.login-register .half-container.outlined button,
    .login-register.container--body .half-container.outlined button,
    .login-register.container--catalog .half-container.outlined button,
    .section .login-register.container--centered .half-container.outlined button {
        margin-left: 0;
        width: 100%
    }
}

.container.login-register .half-container.outlined .alternate-action,
.login-register.container--body .half-container.outlined .alternate-action,
.login-register.container--catalog .half-container.outlined .alternate-action,
.section .login-register.container--centered .half-container.outlined .alternate-action {
    float: left
}

@media (min-width: 0px) and (max-width: 650px) {

    .container.login-register .half-container.outlined .alternate-action,
    .login-register.container--body .half-container.outlined .alternate-action,
    .login-register.container--catalog .half-container.outlined .alternate-action,
    .section .login-register.container--centered .half-container.outlined .alternate-action {
        float: right;
        width: 100%;
        text-align: center
    }
}

.container.login-register .half-container--footer,
.login-register.container--body .half-container--footer,
.login-register.container--catalog .half-container--footer,
.section .login-register.container--centered .half-container--footer {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 25px;
    background: #f5f5f5;
    color: #272727;
    width: calc(100% + 102px);
    left: -51px;
    position: relative;
    margin-top: 20px;
    bottom: -51px;
    font-size: 12px;
    -ms-flex-align: normal !important;
    align-items: normal !important
}

.container.login-register .half-container--footer p,
.login-register.container--body .half-container--footer p,
.login-register.container--catalog .half-container--footer p,
.section .login-register.container--centered .half-container--footer p {
    margin-top: 0
}

.container.login-register .half-container--footer p+p,
.login-register.container--body .half-container--footer p+p,
.login-register.container--catalog .half-container--footer p+p,
.section .login-register.container--centered .half-container--footer p+p {
    margin-left: auto
}

@media (min-width: 0px) and (max-width: 650px) {

    .container.login-register .half-container--footer p+p,
    .login-register.container--body .half-container--footer p+p,
    .login-register.container--catalog .half-container--footer p+p,
    .section .login-register.container--centered .half-container--footer p+p {
        margin-left: 0;
        margin-top: 10px
    }
}

.container.login-register .half-container.trial-footer,
.login-register.container--body .half-container.trial-footer,
.login-register.container--catalog .half-container.trial-footer,
.section .login-register.container--centered .half-container.trial-footer {
    margin-bottom: 50px
}

.container.login-register .half-container.trial-footer p,
.login-register.container--body .half-container.trial-footer p,
.login-register.container--catalog .half-container.trial-footer p,
.section .login-register.container--centered .half-container.trial-footer p {
    margin: 20px 0
}

.container.login-register .half-container.trial-footer .faq h5,
.login-register.container--body .half-container.trial-footer .faq h5,
.login-register.container--catalog .half-container.trial-footer .faq h5,
.section .login-register.container--centered .half-container.trial-footer .faq h5,
.container.login-register .half-container.trial-footer .faq p,
.login-register.container--body .half-container.trial-footer .faq p,
.login-register.container--catalog .half-container.trial-footer .faq p,
.section .login-register.container--centered .half-container.trial-footer .faq p {
    text-align: left
}

.container.login-register input,
.login-register.container--body input,
.login-register.container--catalog input,
.section .login-register.container--centered input {
    width: 100%
}

.container.login-register input[type="checkbox"],
.login-register.container--body input[type="checkbox"],
.login-register.container--catalog input[type="checkbox"],
.section .login-register.container--centered input[type="checkbox"] {
    width: auto
}

.container.login-register .dropdown,
.login-register.container--body .dropdown,
.login-register.container--catalog .dropdown,
.section .login-register.container--centered .dropdown {
    margin-top: 20px
}

.container.login-register .register-button-wrapper,
.login-register.container--body .register-button-wrapper,
.login-register.container--catalog .register-button-wrapper,
.section .login-register.container--centered .register-button-wrapper {
    margin: 0 auto
}

.container.login-register .register-button-wrapper button,
.login-register.container--body .register-button-wrapper button,
.login-register.container--catalog .register-button-wrapper button,
.section .login-register.container--centered .register-button-wrapper button {
    width: 100%
}

.container.login-register loader-button,
.login-register.container--body loader-button,
.login-register.container--catalog loader-button,
.section .login-register.container--centered loader-button {
    float: right
}

@media (min-width: 0px) and (max-width: 650px) {

    .container.login-register loader-button,
    .login-register.container--body loader-button,
    .login-register.container--catalog loader-button,
    .section .login-register.container--centered loader-button {
        float: none
    }
}

.container.login-register .login-password input,
.login-register.container--body .login-password input,
.login-register.container--catalog .login-password input,
.section .login-register.container--centered .login-password input {
    padding-right: 80px
}

.container.login-register .ui.selection.active.dropdown,
.login-register.container--body .ui.selection.active.dropdown,
.login-register.container--catalog .ui.selection.active.dropdown,
.section .login-register.container--centered .ui.selection.active.dropdown {
    border: 1px solid #D8D8D8
}

.container.login-register .ui.selection.active.dropdown:hover,
.login-register.container--body .ui.selection.active.dropdown:hover,
.login-register.container--catalog .ui.selection.active.dropdown:hover,
.section .login-register.container--centered .ui.selection.active.dropdown:hover {
    border: 1px solid #D8D8D8
}

.container.login-register .ui.selection.active.dropdown .menu,
.login-register.container--body .ui.selection.active.dropdown .menu,
.login-register.container--catalog .ui.selection.active.dropdown .menu,
.section .login-register.container--centered .ui.selection.active.dropdown .menu {
    border: 1px solid #D8D8D8
}

.container.login-register .ui.selection.active.dropdown:hover .menu,
.login-register.container--body .ui.selection.active.dropdown:hover .menu,
.login-register.container--catalog .ui.selection.active.dropdown:hover .menu,
.section .login-register.container--centered .ui.selection.active.dropdown:hover .menu {
    border: 1px solid #D8D8D8
}

.container.login-register .ui.selection.active.dropdown .menu,
.login-register.container--body .ui.selection.active.dropdown .menu,
.login-register.container--catalog .ui.selection.active.dropdown .menu,
.section .login-register.container--centered .ui.selection.active.dropdown .menu {
    box-shadow: none;
    border: 1px solid #D8D8D8
}

.container.login-register .ui.multiple.dropdown>.label,
.login-register.container--body .ui.multiple.dropdown>.label,
.login-register.container--catalog .ui.multiple.dropdown>.label,
.section .login-register.container--centered .ui.multiple.dropdown>.label {
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    padding: 10px 20px;
    box-shadow: none;
    background: #D8D8D8;
    color: #272727
}

.container.login-register a.ui.label:hover,
.login-register.container--body a.ui.label:hover,
.login-register.container--catalog a.ui.label:hover,
.section .login-register.container--centered a.ui.label:hover,
.container.login-register a.ui.labels .label:hover,
.login-register.container--body a.ui.labels .label:hover,
.login-register.container--catalog a.ui.labels .label:hover,
.section .login-register.container--centered a.ui.labels .label:hover {
    color: #272727
}

.container.login-register button,
.login-register.container--body button,
.login-register.container--catalog button,
.section .login-register.container--centered button {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    float: none;
    font-size: 18px;
    margin-top: 30px
}

@media (min-width: 0px) and (max-width: 650px) {

    .container.login-register .half,
    .login-register.container--body .half,
    .login-register.container--catalog .half,
    .section .login-register.container--centered .half {
        width: 100%
    }
}

.container.login-register searchable-filter,
.login-register.container--body searchable-filter,
.login-register.container--catalog searchable-filter,
.section .login-register.container--centered searchable-filter {
    border-top: none
}

.container.login-register .active-filter,
.login-register.container--body .active-filter,
.login-register.container--catalog .active-filter,
.section .login-register.container--centered .active-filter {
    font-weight: 300;
    font-size: 15px;
    float: left;
    margin-top: 10px;
    margin-right: 15px
}

.container.login-register .active-filter img,
.login-register.container--body .active-filter img,
.login-register.container--catalog .active-filter img,
.section .login-register.container--centered .active-filter img {
    cursor: pointer;
    width: 15px;
    height: 15px;
    position: relative;
    top: 3px
}

.container.login-register h3,
.login-register.container--body h3,
.login-register.container--catalog h3,
.section .login-register.container--centered h3 {
    font-weight: 300;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px
}

.container.login-register .social-login,
.login-register.container--body .social-login,
.login-register.container--catalog .social-login,
.section .login-register.container--centered .social-login {
    margin-top: 20px;
    font-size: 14px;
    text-align: center
}

.container.login-register .social-login img,
.login-register.container--body .social-login img,
.login-register.container--catalog .social-login img,
.section .login-register.container--centered .social-login img {
    margin-right: 10px;
    position: relative;
    top: 4px;
    width: 20px
}

.container.login-register checklist,
.login-register.container--body checklist,
.login-register.container--catalog checklist,
.section .login-register.container--centered checklist {
    max-height: 100px;
    column-count: 1 !important
}

.container.login-register checklist>div,
.login-register.container--body checklist>div,
.login-register.container--catalog checklist>div,
.section .login-register.container--centered checklist>div {
    max-height: 100px
}

.container.login-register .ui.multiple.search.dropdown>input.search,
.login-register.container--body .ui.multiple.search.dropdown>input.search,
.login-register.container--catalog .ui.multiple.search.dropdown>input.search,
.section .login-register.container--centered .ui.multiple.search.dropdown>input.search {
    float: none
}

.forgot-password-link {
    color: #2D7ABF !important
}

i.icon {
    font-family: 'Icons' !important
}

.register-form .practice-areas-selection {
    margin-bottom: 10px
}

.register-form .error.message,
.register-form input.message.error--major {
    display: none;
    border-top: inherit
}

.register-form .error.message:not(:empty),
.register-form input.message.error--major:not(:empty) {
    display: block
}

.register-form .field.error input,
.register-form input.field.error--major input,
.register-form input.error--major.field--shortened input,
.register-form .error.field--shortened input,
.register-form .field.error .dropdown,
.register-form input.field.error--major .dropdown,
.register-form input.error--major.field--shortened .dropdown,
.register-form .error.field--shortened .dropdown {
    border-color: #E0B4B4;
    color: #9F3A38;
    background: #FFF6F6
}

.login-register-alternate {
    width: 1160px;
    margin: 0 auto;
    padding: 20px;
    padding-top: 20px
}

@media (min-width: 0px) and (max-width: 650px) {
    .login-register-alternate {
        width: 100%;
        padding-top: 50px
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .login-register-alternate {
        width: 100%
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    .login-register-alternate {
        width: 800px
    }
}

.login-register-alternate:after {
    background-color: #2D7ABF;
    background-image: url(//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/home/hero-splash-min.jpg);
    background-size: cover;
    background-position: center center;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 600px;
    content: '';
    top: 0;
    left: 0
}

.login-register-alternate.cpe-background:after {
    background-image: url(//res.cloudinary.com/furthered/image/fetch/g_auto,q_auto/https://cdn.furthered.com/assets/ui/images/cpe/cpe-hero-min.jpg)
}

.login-register-alternate .trustpilot-container {
    padding-bottom: 100px
}

.login-register-alternate .trustpilot-container h3 {
    font-size: 246x;
    text-align: center;
    margin-bottom: 30px;
    font-style: italic;
    font-weight: 900
}

.login-register-alternate .row,
.login-register-alternate .state-seo-new .row--centered,
.state-seo-new .login-register-alternate .row--centered {
    width: 100%
}

.login-register-alternate .faq-item {
    cursor: pointer;
    position: relative
}

@media (min-width: 0px) and (max-width: 650px) {
    .login-register-alternate .faq-item {
        padding-right: 25px
    }
}

.login-register-alternate .faq-item .icon {
    position: absolute;
    right: 0;
    width: 20px;
    top: 35px;
    transform: rotate(0deg);
    transition: transform 0.2s
}

.login-register-alternate .faq-item p {
    margin-top: 0
}

.login-register-alternate .faq-item--question {
    font-size: 24px
}

.login-register-alternate .faq-item--answer {
    display: none;
    margin-top: 0
}

.login-register-alternate .faq-item.active .icon {
    transform: rotate(-45deg)
}

.login-register-alternate .faq-item.active .faq-item--answer {
    margin-top: 15px;
    display: block
}

.login-register-alternate .faq-item.active p {
    margin-top: 15px
}

.login-register-alternate .action,
.login-register-alternate .action--secondary,
.login-register-alternate .action--third,
.login-register-alternate .action--danger {
    width: 90%;
    max-width: 300px;
    margin-top: 50px;
    margin: 0 auto;
    margin-top: 50px;
    display: block
}

.login-register-alternate .action a,
.login-register-alternate .action--secondary a,
.login-register-alternate .action--third a,
.login-register-alternate .action--danger a {
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 20px 60px;
    font-size: 16px;
    font-weight: 400
}

.login-register-alternate .hero,
.login-register-alternate unlimited-banner .hero--auto,
unlimited-banner .login-register-alternate .hero--auto {
    padding: 0;
    width: auto;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 65px
}

.login-register-alternate .hero h1,
.login-register-alternate unlimited-banner .hero--auto h1,
unlimited-banner .login-register-alternate .hero--auto h1 {
    color: black;
    font-size: 24px;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 900
}

@media (min-width: 0px) and (max-width: 650px) {

    .login-register-alternate .hero h1,
    .login-register-alternate unlimited-banner .hero--auto h1,
    unlimited-banner .login-register-alternate .hero--auto h1 {
        font-size: 40px
    }
}

.login-register-alternate #awards .column--third {
    padding: 30px;
    text-align: center;
    height: 350px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0
}

.login-register-alternate #awards .column--third img {
    height: 125px;
    width: auto
}

.login-register-alternate #awards .column--third p {
    text-transform: uppercase;
    font-style: italic;
    font-size: 18px;
    margin-top: 30px
}

.login-register-alternate #awards .column--third h3 {
    font-size: 12px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    font-style: italic;
    position: absolute;
    bottom: 0
}

.login-register-alternate #difference img {
    width: 125px
}

.login-register-alternate #difference .column--third {
    margin-top: 50px
}

.login-register-alternate .faq-item {
    padding: 25px 0;
    position: relative
}

.login-register-alternate .faq-item h3 {
    font-size: 16px;
    text-align: left;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 0
}

.login-register-alternate .faq-item p {
    text-align: left
}

.login-register-alternate .faq-item+.faq-item {
    border-top: 1px solid #D8D8D8
}

.login-register-alternate .half-container {
    margin: 0 auto;
    margin-top: 50px;
    float: none;
    text-align: center
}

.login-register-alternate .half-container:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 0px) and (max-width: 650px) {
    .login-register-alternate .half-container {
        width: 100%
    }
}

@media (min-width: 650px) and (max-width: 900px) {
    .login-register-alternate .half-container {
        width: 80%
    }
}

@media (min-width: 900px) and (max-width: 1350px) {
    .login-register-alternate .half-container {
        width: 80%
    }
}

.login-register-alternate .half-container.row,
.login-register-alternate .state-seo-new .half-container.row--centered,
.state-seo-new .login-register-alternate .half-container.row--centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px
}

@media (min-width: 0px) and (max-width: 650px) {

    .login-register-alternate .half-container.row,
    .login-register-alternate .state-seo-new .half-container.row--centered,
    .state-seo-new .login-register-alternate .half-container.row--centered {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.login-register-alternate .half-container.row img,
.login-register-alternate .state-seo-new .half-container.row--centered img,
.state-seo-new .login-register-alternate .half-container.row--centered img {
    width: 150px
}

.login-register-alternate .half-container.outlined {
    border: 1px solid rgba(39, 39, 39, 0.1);
    box-shadow: none;
    border-radius: 3px;
    padding: 40px;
    transition: all 0.2s ease-in-out;
    margin-bottom: 30px;
    background: white
}

.login-register-alternate .half-container.outlined:hover {
    box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(39, 39, 39, 0)
}

@media (min-width: 0px) and (max-width: 650px) {
    .login-register-alternate .half-container.outlined {
        padding: 25px
    }
}

.login-register-alternate .half-container.outlined button {
    margin-left: auto;
    padding: 10px 50px;
    margin: 0;
    float: right
}

@media (min-width: 0px) and (max-width: 650px) {
    .login-register-alternate .half-container.outlined button {
        margin-left: 0;
        width: 100%
    }
}

.login-register-alternate .half-container.outlined .alternate-action {
    float: left
}

@media (min-width: 0px) and (max-width: 650px) {
    .login-register-alternate .half-container.outlined .alternate-action {
        float: right;
        width: 100%;
        text-align: center
    }
}

.login-register-alternate .half-container--footer {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 25px;
    background: #f5f5f5;
    color: #272727;
    width: calc(100% + 102px);
    left: -51px;
    position: relative;
    margin-top: 20px;
    bottom: -51px;
    font-size: 12px
}

.login-register-alternate .half-container--footer p {
    margin-top: 0
}

.login-register-alternate .half-container--footer p+p {
    margin-left: auto
}

@media (min-width: 0px) and (max-width: 650px) {
    .login-register-alternate .half-container--footer p+p {
        margin-left: 0;
        margin-top: 10px
    }
}

.login-register-alternate .half-container.trial-footer {
    margin-bottom: 50px
}

.login-register-alternate .half-container.trial-footer p {
    margin: 20px 0
}

.login-register-alternate .half-container.trial-footer .faq h5,
.login-register-alternate .half-container.trial-footer .faq p {
    text-align: left
}

.login-register-alternate input {
    width: 100%
}

.login-register-alternate .register-button-wrapper {
    margin: 0 auto;
    max-width: 100%
}

.login-register-alternate .register-button-wrapper button {
    width: 100%;
    max-width: 100%
}

.login-register-alternate loader-button {
    float: right
}

.login-register-alternate .login-password input {
    padding-right: 80px
}

.login-register-alternate button {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    float: none;
    font-size: 18px;
    margin-top: 30px
}

.login-register-alternate h3 {
    font-weight: 300;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px
}

.login-register-alternate .social-login {
    margin-top: 20px;
    font-size: 14px;
    text-align: center
}

.login-register-alternate .social-login img {
    margin-right: 10px;
    position: relative;
    top: 4px;
    width: 20px
}

i.icon {
    font-family: 'Icons' !important
}

.register-form .error.message,
.register-form input.message.error--major {
    display: none;
    border-top: inherit
}

.register-form .error.message:not(:empty),
.register-form input.message.error--major:not(:empty) {
    display: block
}

.register-form .field.error input,
.register-form input.field.error--major input,
.register-form input.error--major.field--shortened input,
.register-form .error.field--shortened input {
    border-color: #E0B4B4;
    color: #9F3A38;
    background: #FFF6F6
}