a {
    color: #1d65a5
    }
a:hover, a:focus {
    color: #000;
    text-decoration: underline
    }
/*carousel*/
.hubpage-carousel {
    background: none;
    padding: 0;
    text-align: center;
    width: 100%
    }
.hubpage-carousel img {
    width: 100%
    }
.text-on-carousel {
    position: relative
    }
@media only screen and (min-width: 992px) {
    .welcome-text {
        position: absolute;
        bottom: 0
        }
    }
.welcome-text {
    color: #fff;
    background-color: #155C99;
    opacity: 0.9;
    text-align: center;
    width: 100%;
    padding-bottom: 32px
    }
.welcome-text h2 {
    font-size: 30px;
    font-weight: 600
    }
.welcome-text p {
    font-weight: 400;
    margin: 0 40px
    }
.it-fact1, .it-fact2, .it-fact3 {
    float: none;
    vertical-align: top;
    height: 450px;
    background: none;
    border: none
    }
.it-fact1 h3, .it-fact2 h3, .it-fact3 h3 {
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #1ea9dc;
    font-weight: 600;
    margin-bottom: 4px;
    margin-top: 2px
    }
.it-fact1 p, .it-fact2 p, .it-fact3 p {
    text-align: left;
    padding: 0 20px 0 30px
    }
.sector-bk {
    background: none;
    padding-bottom: 12px;
    text-align: center;
    vertical-align: top;
    border: none;
    margin-bottom: 20px;
    cursor: pointer
    }
.sector-bk img {
    max-height: 100px
    }
.subsector {
    border-bottom: 2px solid #e8e9e9;
    padding-bottom: 12px
    }
.sub-sector-icon {
    text-align: center;
    vertical-align: top;
    background: none;
    border: none;
    margin-top: 20px
    }
.subsector h3 {
    color: #1ea9dc;
    border: none;
    font-size: 22px;
    transform: none;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 6px;
    margin-top: 40px
    }
.subsector p {
    color: black;
    border: none;
    transform: none
    }
.sub-sector-icon-span {
    margin-left: -9999px
    }
.hub1-badge .col-lg-12, .hub2-badge .col-lg-12, .hub3-badge .col-lg-12 {
    height: 100%
    }
.hub1-badge-icon, .hub2-badge-icon, .hub3-badge-icon {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%
    }
.hub1-badge {
    background-color: #73ccf3;
    color: #fff
    }
.hub2-badge {
    background-color: #a6a6a6;
    color: #fff
    }
.hub3-badge {
    background-color: #fc902e;
    color: #fff
    }
.hub1-badge-text, .hub2-badge-text, .hub3-badge-text {
    color: #fff;
    left: 0;
    right: 0;
    width: 100%;
    min-height: 225px;
    background-color: transparent;
    border-color: transparent;
    position: relative
    }
.hub1-badge a, .hub2-badge a, .hub3-badge a, .hub1-badge-text a, .hub2-badge-text a, .hub3-badge-text a {
    color: #fff;
    text-decoration: none
    }
.hub1-badge-text h4 strong, .hub2-badge-text h4 strong, .hub3-badge-text h4 strong {
    font-weight: 500;
    border-bottom: 3px solid #fff;
    display: block;
    width: 100%
    }
.hub1-badge-text, .hub2-badge-text a p, .hub3-badge-text a p {
    text-align: left
    }
.hub1-badge-go, .hub2-badge-go, .hub3-badge-go {
    font-size: 18px;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    background-color: #128fd0;
    opacity: 0.8;
    line-height: 60px;
    vertical-align: middle;
    position: absolute;
    width: 180px;
    right: 0;
    bottom: 0
    }
.hub2-badge-go {
    background-color: #7a7a7a
    }
.hub3-badge-go {
    background-color: #f9590d
    }
/* IT badges */
.it-badges {
    padding-top: 80px
    }
.it1-badge .col-lg-12, .it2-badge .col-lg-12, .it3-badge .col-lg-12 {
    height: 100%
    }
.it1-badge {
    background-color: #73ccf3;
    color: #fff
    }
.it2-badge {
    background-color: #a6a6a6;
    color: #fff
    }
.it3-badge {
    background-color: #fc902e;
    color: #fff
    }
.it1-badge-text, .it2-badge-text, .it3-badge-text {
    color: #fff;
    left: 0;
    right: 0;
    width: 100%;
    min-height: 281.2px;
    background-color: transparent;
    border-color: transparent;
    position: relative;
    text-align: left
    }
.it1-badge-img, .it2-badge-img, .it3-badge-img {
    color: #000;
    min-height: 282px;
    background-color: transparent;
    border-color: transparent;
    position: relative;
    padding: 0;
    text-align: left
    }
.it1-badge a, .it2-badge a, .it3-badge a, .it1-badge-text a, .it2-badge-text a, .it3-badge-text a {
    color: #fff;
    text-decoration: none
    }
.it1-badge-text h4 strong, .it2-badge-text h4 strong, .it3-badge-text h4 strong {
    font-weight: 500;
    border-bottom: 3px #fff solid;
    display: block;
    width: 100%
    }
.it1-badge-text, .it2-badge-text a p, .it3-badge-text {
    text-align: left
    }
.it1-badge-go, .it2-badge-go, .it3-badge-go {
    font-size: 26px;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    background-color: #128fd0;
    opacity: 0.8;
    line-height: 60px;
    vertical-align: middle;
    position: absolute;
    width: 130px;
    right: 0;
    bottom: 0
    }
.it2-badge-go {
    background-color: #7a7a7a
    }
.it3-badge-go {
    background-color: #f9590d
    }
.sub-sector-description-image-video {
    height: 500px
    }
.sub-sector-description-image {
    width: 350px;
    height: 230px
    }
.sub-sector-description-video {
    border-radius: 10px;
    width: 350px;
    height: 230px
    }
.sub-sector-title {
    background: none;
    border: none;
    padding-left: 0
    }
.fact-header {
    padding-left: 0
    }
.facts {
    padding-left: 0
    }
.sub-sector-icon button {
    border: none;
    padding: 0
    }
.sub-sector-icon p {
    line-height: 28px
    }
.modal-lg {
    width: 900px
    }
.additional-resource a {
    color: black;
    font-size: 15px
    }
.facebook {
    width: 60px
    }
.facebook-span {
    left: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    line-height: 100%;
    font-size: 1.6em;
    text-align: left;
    border-right: 1px solid rgba(0, 0, 0, 0.2)
    }
.twitter {
    width: 60px
    }
.twitter-span {
    left: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    line-height: 100%;
    font-size: 1.6em;
    text-align: left;
    border-right: 1px solid rgba(0, 0, 0, 0.2)
    }
.pinterest {
    width: 60px
    }
.pinterest-span {
    left: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    line-height: 100%;
    font-size: 1.6em;
    text-align: left;
    border-right: 1px solid rgba(0, 0, 0, 0.2)
    }
.btn-social.btn-lg {
    padding-left: 61px
    }
.btn-facebook:hover {
    color: #fff;
    background-color: #2d4373;
    border-color: rgba(0, 0, 0, 0.2)
    }
.btn-twitter:hover {
    color: #fff;
    background-color: #2d4373;
    border-color: rgba(0, 0, 0, 0.2)
    }
.btn-pinterest:hover {
    color: #fff;
    background-color: #2d4373;
    border-color: rgba(0, 0, 0, 0.2)
    }
.facebook-span, .twitter-span, .pinterest-span {
    font-size: 12px
    }
.subsector-modal-title {
    padding-left: 10px
    }
.sub-sector-modal-header {
    border-bottom: none;
    padding-bottom: 10px
    }
.sub-sector-fact-panel {
    background: none !important;
    border: none !important;
    padding-top: 40px
    }
.sub-sector-fact-panel-heading {
    background: none !important;
    border: none !important;
    padding-left: 0;
    padding-right: 0
    }
.sub-sector-fact-panel > .panel-body {
    padding-left: 0;
    padding-right: 0
    }
.sub-sector-data-modal-title-logo {
    padding-left: 15px
    }
.school-badge-well-sm {
    background: none;
    border: none
    }
.job-badge-well-sm {
    background: none;
    border: none
    }
.school-badge-go-sm {
    font-size: 24px !important;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left;
    opacity: 0.8;
    line-height: 60px;
    vertical-align: middle;
    width: 100px;
    left: 0;
    bottom: 0;
    text-decoration: none
    }
.school-badge-go-sm:hover {
    text-decoration: none
    }
.job-badge-go-sm {
    font-size: 24px !important;
    text-transform: uppercase;
    text-align: left;
    line-height: 60px;
    vertical-align: middle;
    width: 100px;
    left: 0;
    bottom: 0;
    text-decoration: none
    }
.job-badge-go-sm:hover {
    text-decoration: none
    }
@media (min-width: 320px) and (max-width: 991px) {
    .sub-sector-icon {
        text-align: center;
        vertical-align: middle;
        height: 150px;
        display: table-cell
        }
    .sub-sector-icon img {
        height: 180px
        }
    .sub-sector-icon p {
        text-align: center;
        vertical-align: middle;
        height: 300px;
        display: table-cell
        }
    .welcome-text-sm h2 {
        font-size: 28px
        }
    }
.sub-sector-video {
    display: none;
    padding-top: 20px
    }
.sub-sector-video-play-button-div {
    margin-top: 50px
    }
.sub-sector-video-play-button {
    padding: 5px;
    line-height: 25px;
    vertical-align: middle;
    white-space: normal !important;
    text-transform: uppercase
    }
.sub-sector-video-play-button-text {
    padding-top: 5px
    }
.sub-sector-modal-footer {
    margin-top: 4em
    }
.additional-resource-text {
    text-decoration: none !important
    }
.additional-resource-text:hover {
    text-decoration: underline !important
    }
.additional-resource-icon {
    color: #1d65a5 !important
    }
.additional-resource-icon:hover {
    color: black !important
    }
ul.list li {
    padding: 6px 0;
    list-style: none
    }
ul.list i {
    text-indent: -15px
    }
ol.list li {
    padding: 6px 0
    }
#sub-sector-carousel-indicators {
    visibility: hidden
    }
.it-fact-text {
    padding-top: 2px
    }
.sub-sector-text {
    padding-top: 10px
    }
.sub-sector-header {
    padding-right: 15px
    }
/* Pathway Intro */
.pathwayIntro {
    min-height: 400px;
    padding-right: 0;
    padding-left: 0;
    float: none
    }
#Administrator {
    background: url(../images/it/administrator/pathway_intro.jpg) no-repeat;
    background-size: cover
    }
#ComputerUserSupport {
    background: url(../images/it/computer_user_support/pathway_intro.jpg) no-repeat;
    background-size: cover
    }
#CyberSecurity {
    background: url(../images/it/cyber_security/pathway_intro.jpg) no-repeat;
    background-size: cover
    }
#Developer {
    background: url(../images/it/developer/pathway_intro.jpg) no-repeat;
    background-size: cover
    }
#SystemsEngineering {
    background: url(../images/it/systems_engineering/pathway_intro.jpg) no-repeat;
    background-size: cover
    }
.pathwayIntroContent {
    background-color: rgba(107, 107, 107, 0.45);
    min-height: 400px
    }
.pathwayIntro h2 {
    color: #fff;
    font-weight: 400;
    line-height: 1.2em;
    padding: 20% 4% 2% 4%;
    font-size: 2.6em;
    margin-right: 40%
    }
div#pathway-button {
    background: url(../images/icons/double_arw_down.png) 150px 0 no-repeat;
    min-height: 150px
    }
.map-button {
    background: #fff;
    width: 50%;
    height: 100px;
    float: right;
    margin-top: 50px
    }
.map-icon {
    background: #1ea9dc url(../images/icons/explore_pathway_map_icon.png) 8px 12px no-repeat;
    width: 110px;
    height: 100px;
    float: left
    }
div#pathway-button button {
    float: right;
    margin-right: 22%;
    margin-top: 5%;
    width: 40%
    }
/* Region Map */
.ng-isolate-scope svg {
    margin: 0 auto;
    display: block
    }
.selectInstruct {
    margin-top: 35%;
    margin-bottom: 15px
    }
.regionSelect button.explore-btn {
    width: 100%;
    margin-bottom: 25px
    }
.selectedPathway {
    font-style: italic;
    font-weight: 500
    }
.selectedPathway span {
    color: #1ea9dc
    }
.state {
    fill: #FFF
    }
.region1, .region7, .region13 {
    fill: #6FBABD
    }
.region2, .region8, .region14 {
    fill: #C6C6C6
    }
.region3, .region9, .region15 {
    fill: #C2E0D4
    }
.region4, .region10, .region16 {
    fill: #C1De9E
    }
.region5, .region11, .region17 {
    fill: #88C7E8
    }
.region6, .region12, .region18 {
    fill: #a09ecb
    }
.region7, .region8, .region9 {
    opacity: 0.9
    }
.region10, .region11, .region12 {
    opacity: 0.7
    }
.region13, .region14, .region15 {
    opacity: 0.5
    }
.region16, .region17, .region18 {
    opacity: 0.4
    }
.land:hover {
    fill: #F5BB42;
    transition: all 0.6s ease;
    opacity: 1
    }
.selected {
    fill: #F99D1C;
    opacity: 1
    }
.boundary {
    fill: none;
    stroke: #fff
    }
.places {
    fill: #000;
    stroke: #000
    }
.place-label {
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 13px
    }
div#map-button, div#start-button {
    text-align: center
    }
#start-button h3 {
    margin-top: -22px
    }
#start-button button.explore-btn {
    margin-top: 40px
    }
.explore-btn.disabled, .explore-btn[disabled] {
    color: #C6C6C6;
    background-color: #EFEFEF;
    border: 2px solid #C6C6C6
    }
button.explore-btn, .generic-btn {
    color: #1ea9dc;
    background-color: transparent;
    border: 2px solid #1ea9dc;
    font-weight: 500;
    border-radius: 22px;
    width: 34%;
    padding: 2px 22px;
    opacity: 1
    }
button.btn.explore-btn:hover, .generic-btn:hover {
    color: #fff !important;
    background-color: #1ea9dc !important;
    border: 2px solid #1ea9dc !important;
    font-weight: 500 !important;
    text-decoration: none
    }
/* Pathway Overview Chart */
.svgOverview {
    overflow-y: hidden;
    overflow-x: auto;
    background: #F1F1F1;
    border: 1px #ccc solid;
    padding-top: 2em;
    margin-top: 0.6em;
    -webkit-box-shadow: 0 0 22px 2px rgba(209, 209, 209, 0.6);
    -moz-box-shadow: 0 0 22px 2px rgba(209, 209, 209, 0.6);
    box-shadow: 0 0 22px 2px rgba(209, 209, 209, 0.6)
    }
.overviewLegend {
    font-size: 0.9em;
    padding-top: 1em;
    padding-bottom: 2em
    }
.overviewLegend img {
    max-height: 22px;
    padding: 0 0.25em 0.15em 0.25em
    }
@media print {
    .svgOverview {
        transform: scale(1);
        overflow-y: visible;
        overflow-x: visible;
        background: none;
        border: none;
        padding: 1em;
        margin-top: 0.6em;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
        }
    }
svg {
    overflow: hidden;
    margin: 0 auto;
    display: block
    }
pre {
    border: 1px solid #ccc
    }
.cluster.level_1 {
    fill: #F1F1F1
    }
.cluster.level_2 {
    fill: #ccc;
    fill-opacity: 0.4
    }
.cluster.level_3 {
    fill: #ccc;
    fill-opacity: 0.6
    }
.clusterLabel {
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    text-transform: uppercase
    }
.clusterLabel.level_1 {
    fill: #F25C4B
    }
.clusterLabel.level_2 {
    fill: #046
    }
.clusterLabel.level_3 {
    fill: #723370
    }
text {
    font-weight: 500;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-size: 1em;
    letter-spacing: 0.02em
    }
.node rect {
    fill: #06a8de;
    fill-opacity: 0.3;
    stroke: #333;
    stroke-width: 2px;
    stroke-opacity: 0.6
    }
#startPathwayNode rect {
    fill: #fff;
    fill-opacity: 1
    }
#startPathwayNode text {
    fill: #06a8de
    }
.edgePath path {
    stroke: #333;
    stroke-width: 2px;
    stroke-opacity: 0.6
    }
/* Pathways */
div#pathwayContainer {
    border-bottom: 8px solid #F25C4B
    }
.career-level-1 div#pathwayContainer {
    border-bottom: 8px solid #F25C4B
    }
.career-level-2 div#pathwayContainer {
    border-bottom: 8px solid #046
    }
.career-level-3 div#pathwayContainer {
    border-bottom: 8px solid #723370
    }
div#pathwayContainerLowerLevel {
    background: url(/careerpaths/images/pathway/bg.png) repeat-x
    }
span.breadcrumb {
    font-size: 1.7em;
    background: transparent;
    padding-top: 0;
    margin-top: -20px;
    display: inline-block;
    z-index: 1;
    position: fixed;
    top: 10%;
    right: 0;
    left: 1%;
    color: #d5d5d5;
    font-style: italic
    }
.startScroll {
    background: url(/careerpaths/images/pathway/scroll.png) no-repeat bottom center;
    font-size: 1.4em;
    text-align: center;
    padding-top: 415px;
    font-weight: 500;
    margin: auto;
    text-align: center;
    opacity: 0.75
    }
.startSwipe {
    background: url(/careerpaths/images/pathway/swipe.png) no-repeat bottom center;
    font-size: 1.4em;
    text-align: right;
    padding-top: 410px;
    font-weight: 500;
    margin: auto;
    text-align: center
    }
/* secondary prep */
.prep-0, .prep-1 {
    font-size: 1.1em;
    max-width: 75%;
    text-align: center;
    background: #fff url(/careerpaths/images/pathway/ms_prep_img.jpg) top center no-repeat;
    -webkit-box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    -moz-box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    min-height: 680px;
    min-width: 460px;
    background-size: contain;
    z-index: 200;
    position: absolute;
    margin-right: 100px;
    top: 80px
    }
.prep-1 {
    background: #fff url(/careerpaths/images/pathway/hs_prep_img.jpg) top center no-repeat;
    background-size: contain
    }
.prep-0 h2, .prep-1 h2 {
    color: #fff;
    font-size: 1.8em;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 80%;
    margin: auto;
    height: 125px
    }
.prep-0 a.generic-btn, .prep-1 a.generic-btn {
    position: absolute;
    top: 88%;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 35px
    }
.prep-0-modal, .prep-1-modal {
    background: #fff url(/careerpaths/images/pathway/prep_bg.jpg) right top no-repeat;
    background-size: contain
    }
.prep-0-modal h3, .prep-1-modal h3 {
    text-align: center;
    border-bottom: 1px solid #000;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    padding: 22% 5% 2% 5%;
    font-weight: 700;
    font-size: 1.6em;
    background: transparent url(/careerpaths/images/icons/ms_prep_icon_blk.png) center top no-repeat;
    background-size: 20%
    }
.prep-1-modal h3 {
    background: transparent url(/careerpaths/images/icons/hs_prep_icon_blk.png) center top no-repeat;
    background-size: 22%
    }
/* Career Level */
.careerLevelSm {
    background: transparent url(/careerpaths/images/pathway/entry_level_resources.jpg) 0 0 no-repeat;
    background-size: cover;
    min-height: 770px;
    min-width: 350px;
    position: absolute;
    z-index: 500;
    top: 57px
    }
.career-level-1 .careerLevelSm {
    background: transparent url(/careerpaths/images/pathway/entry_level_resources.jpg) 0 0 no-repeat
    }
.career-level-2 .careerLevelSm {
    background: transparent url(/careerpaths/images/pathway/mid_level_resources.jpg) -150px 0 no-repeat
    }
.career-level-3 .careerLevelSm {
    background: transparent url(/careerpaths/images/pathway/high_level_resources.jpg) -620px 0 no-repeat
    }
.careerLevelLg {
    background: transparent url(/careerpaths/images/pathway/entry_level_resources.jpg) 0 0 no-repeat;
    background-size: cover;
    min-height: 770px;
    min-width: 600px;
    position: absolute;
    z-index: 500;
    top: 57px
    }
.career-level-1 .careerLevelLg {
    background: transparent url(/careerpaths/images/pathway/entry_level_resources.jpg) 0 0 no-repeat
    }
.career-level-2 .careerLevelLg {
    background: transparent url(/careerpaths/images/pathway/mid_level_resources.jpg) -150px 0 no-repeat
    }
.career-level-3 .careerLevelLg {
    background: transparent url(/careerpaths/images/pathway/high_level_resources.jpg) -580px 0 no-repeat
    }
h2.careerLevel {
    background: #F25C4B;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    transform-origin: left top 0;
    transform: rotate(90deg);
    text-transform: uppercase;
    color: #fff;
    padding: 0.25em;
    min-height: 20px;
    min-width: 770px;
    text-align: center;
    margin: 0;
    position: absolute;
    z-index: 500;
    top: 57px
    }
.career-level-1 h2.careerLevel {
    background: #F25C4B
    }
.career-level-2 h2.careerLevel {
    background: #046
    }
.career-level-3 h2.careerLevel {
    background: #723370
    }
.careerLevelSm .unToggle, .careerLevelLg .toggle {
    display: block
    }
.careerLevelSm .toggle {
    display: none
    }
.careerLevelDetail {
    background: #fff;
    padding: 10px;
    margin: 2em 3em
    }
.careerLevelDetail h3 {
    text-align: center;
    border-bottom: 1px solid #000;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    padding: 20% 0% 1% 0%;
    font-weight: 700;
    font-size: 1.6em;
    background: transparent url(/careerpaths/images/icons/resources_icon.png) center top no-repeat
    }
.careerLevelDetail p {
    padding: 0.5em 1em 0 1em
    }
.careerLevelDetail ul {
    margin: 1em 0 2em 0;
    padding: 0;
    border-top: 1px solid #000;
    list-style: none
    }
.careerLevelDetail li {
    border-bottom: 1px solid #000;
    text-align: center
    }
.careerLevelDetail li a {
    display: inline-block;
    min-width: 400px;
    min-height: 20px;
    padding: 1em;
    color: #000
    }
.careerLevelDetail li:after {
    font-family: "FontAwesome";
    content: "" !important;
    font-size: 2em;
    padding: 4px 20px;
    float: right
    }
/* Career Object */
.careerSm {
    -webkit-box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    -moz-box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    position: relative;
    border-radius: 0;
    min-height: 220px;
    min-width: 340px;
    padding-right: 4em;
    padding-left: 1.5em;
    margin-top: 76%;
    background: #148fd2 url(/careerpaths/images/it/career_bg.jpg) right top no-repeat;
    background-size: contain
    }
.careerSm:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 80px;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(20, 143, 210, 0);
    border-top-color: #148fd2;
    border-width: 20px;
    margin-left: -20px;
    background: transparent url(/careerpaths/images/icons/path_marker.png) -20px 2px no-repeat
    }
.careerSm .unToggle, .careerLg .toggle {
    display: block
    }
.careerSm .toggle {
    display: none
    }
.careerSm h3, .careerLg h3 {
    text-align: center;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    line-height: 1.4em;
    font-size: 1.1em;
    font-weight: 500;
    padding-top: 6.5em;
    background: transparent url(/careerpaths/images/it/it_icon_wh.png) 50% 30% no-repeat;
    background-size: 28%;
    color: #fff
    }
.careerLg h3 {
    border-bottom: 1px solid #000;
    background: transparent url(/careerpaths/images/it/it_icon.png) 50% 35% no-repeat;
    padding-top: 6em;
    padding-bottom: 0.25em;
    background-size: 12%;
    color: #000;
    font-size: 1.2em;
    line-height: 1.6em
    }
.careerSm h3 span.careerName, .careerLg h3 span.careerName {
    line-height: 1.2em;
    font-weight: 700
    }
.careerLg {
    -webkit-box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    -moz-box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    position: relative;
    border-radius: 0;
    min-height: 580px;
    min-width: 950px;
    padding-right: 11em;
    padding-left: 17em;
    margin-top: 50%;
    background: #fff url(/careerpaths/images/it/career_bg.jpg) right top no-repeat;
    background-size: contain
    }
.careerLgImg {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 580px;
    width: 240px
    }
.careerLg button {
    font-size: 1.1em;
    position: absolute;
    top: 86%;
    right: 0;
    left: 10%;
    bottom: 0;
    margin: auto;
    height: 2em;
    width: 15%
    }
.careerLg p {
    padding: 0.5em 0.5em 1.75em 0.5em;
    font-size: 1em
    }
.careerLg ul {
    list-style: none
    }
.careerLg ul li {
    float: left;
    display: block;
    width: 50%;
    font-style: italic;
    font-size: 1.1em
    }
span.careerType img {
    max-height: 26px;
    padding: 0 0.15em 0.15em 0.35em
    }
/* Career Details */
.careerDetails {
    margin: 0;
    text-align: left
    }
.careerDetails h3 {
    text-align: center;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    line-height: 1.2em;
    font-weight: 500;
    font-size: 1.1em;
    padding-top: 10%;
    padding-left: 15%;
    width: 400px
    }
.careerDetails h3 span.careerName {
    line-height: 1.1em;
    font-weight: 700;
    font-size: 1.4em
    }
.altJobs {
    font-style: italic;
    font-size: 0.8em;
    margin: 0.1em auto;
    list-style: none;
    width: 86%;
    text-align: center
    }
.altJobs span:after {
    content: ","
    }
.altJobs span:last-child:after {
    content: " "
    }
.career-btn, .career-explore-btn {
    color: #1ea9dc;
    background-color: transparent;
    border: 2px solid #1ea9dc;
    font-weight: 500;
    border-radius: 22px;
    width: 45%;
    padding: 2px 22px;
    opacity: 1;
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: center
    }
.career-btn:hover, .career-explore-btn:hover {
    color: #fff !important;
    background-color: #1ea9dc !important;
    border: 2px solid #1ea9dc !important;
    font-weight: 500 !important;
    text-decoration: none
    }
.career-explore-btn {
    color: #F25C4B;
    border: 2px solid #F25C4B
    }
.career-explore-btn:hover {
    background-color: #F25C4B !important;
    border: 2px solid #F25C4B !important
    }
.careerHelp {
    padding-left: 0.5em
    }
.careerAltPathways a {
    font-style: italic;
    font-weight: 600;
    padding-top: 1em;
    display: block
    }
/* Path Requirements */
.pathRequirementsSm {
    -webkit-box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    -moz-box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    position: relative;
    border-radius: 0;
    min-height: 220px;
    min-width: 340px;
    padding-right: 4em;
    padding-left: 1.5em;
    margin-top: 76%;
    background: #fff url(/careerpaths/images/pathway/requirements_bg.jpg) right top no-repeat;
    background-size: contain
    }
.pathRequirementsSm:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 80px;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 20px;
    margin-left: -20px;
    background: transparent url(/careerpaths/images/icons/path_marker.png) -20px 2px no-repeat
    }
.pathRequirementsSm .unToggle, .pathRequirementsLg .toggle {
    display: block
    }
.pathRequirementsSm .toggle {
    display: none
    }
.pathRequirementsSm h3, .pathRequirementsLg h3 {
    text-align: center;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    line-height: 1.4em;
    font-weight: 500;
    font-size: 1.1em;
    padding-top: 6.5em;
    background: transparent url(/careerpaths/images/icons/pathway_icon_blk.png) 50% 30% no-repeat;
    background-size: 28%
    }
.pathRequirementsLg h3 {
    border-bottom: 1px solid #000;
    background: transparent url(/careerpaths/images/icons/pathway_icon_blk.png) 50% 35% no-repeat;
    padding-top: 6em;
    background-size: 12%;
    font-size: 1.2em;
    line-height: 1.6em
    }
.pathRequirementsSm h3 span.careerName, .pathRequirementsLg h3 span.careerName {
    line-height: 1.2em;
    font-weight: 700
    }
.pathRequirementsLg {
    -webkit-box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    -moz-box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    position: relative;
    border-radius: 0;
    min-height: 580px;
    min-width: 950px;
    padding-right: 12em;
    padding-left: 18em;
    margin-top: 50%;
    background: #fff url(/careerpaths/images/pathway/requirements_bg.jpg) right top no-repeat;
    background-size: contain;
    font-size: 0.95em
    }
.pathRequirementsLg img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 580px;
    width: 240px
    }
.pathRequirementsLg h4 {
    font-family: Raleway, Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    font-weight: 600;
    font-size: 1.1em;
    font-style: italic
    }
.pathRequirementsLg button {
    font-size: 1.1em;
    position: absolute;
    top: 86%;
    right: 0;
    left: 10%;
    bottom: 0;
    margin: auto;
    height: 2em;
    width: 15%
    }
/* Path Requirements Details */
.pathRequireDetails {
    margin: 0;
    text-align: left
    }
.pathRequireDetails h3 {
    text-align: center;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    line-height: 1.2em;
    font-weight: 500;
    font-size: 1.1em;
    padding-top: 10%;
    padding-left: 15%;
    padding-bottom: 4%;
    width: 400px
    }
.pathRequireDetails h3 span.careerName {
    line-height: 1.1em;
    font-weight: 700;
    font-size: 1.4em
    }
/* Pathway Choices */
.pathChoiceSm, .pathChoiceBkSm {
    -webkit-box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    -moz-box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    position: relative;
    border-radius: 0;
    min-height: 220px;
    min-width: 340px;
    padding-right: 4em;
    padding-left: 1.5em;
    margin-top: 76%;
    background: #fff url(/careerpaths/images/pathway/path_choice_bg.jpg) right top no-repeat;
    background-size: contain
    }
.pathChoiceSm:after, .pathChoiceBkSm:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 80px;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 20px;
    margin-left: -20px;
    background: transparent url(/careerpaths/images/icons/path_marker.png) -20px 2px no-repeat
    }
.pathChoiceSm .unToggle, .pathChoiceLg .toggle, .pathChoiceBkSm .unToggle, .pathChoiceBkLg .toggle {
    display: block
    }
.pathChoiceSm .toggle, .pathChoiceBkSm .toggle {
    display: none
    }
.pathChoiceSm h3, .pathChoiceLg h3, .pathChoiceBkSm h3, .pathChoiceBkLg h3 {
    text-align: center;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    line-height: 1.2em;
    font-weight: 700;
    font-size: 1.6em;
    padding-top: 4.8em;
    background: transparent url(/careerpaths/images/icons/pathway_choices_icon.png) 50% 30% no-repeat;
    background-size: 28%
    }
.pathChoiceLg h3 {
    background: transparent url(/careerpaths/images/icons/pathway_choices_icon.png) 50% 40% no-repeat;
    padding-top: 6em;
    background-size: 12%
    }
.pathChoiceBkLg h3 {
    background: transparent url(/careerpaths/images/icons/pathway_choices_icon.png) 50% 30% no-repeat;
    padding-top: 4em;
    background-size: 12%
    }
.pathChoiceLg, .pathChoiceBkLg {
    -webkit-box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    -moz-box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    position: relative;
    border-radius: 0;
    min-height: 580px;
    min-width: 950px;
    padding-right: 12em;
    padding-left: 16em;
    margin-top: 50%;
    background: #fff url(/careerpaths/images/pathway/path_choice_bg.jpg) right top no-repeat;
    background-size: contain
    }
.pathChoiceLg {
    margin-left: -200px
    }
.pathChoiceBkLg {
    min-width: 600px;
    min-height: 500px;
    padding-left: 1em;
    padding-right: 10em
    }
.pathChoiceImg {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 580px;
    width: 240px
    }
.pathChoiceLg ul, .pathChoiceBkLg ul {
    margin: 1em 0 2em 0;
    padding: 0;
    border-top: 1px solid #000;
    list-style: none;
    overflow-y: auto;
    overflow-x: hidden;
    width: 530px;
    height: 380px
    }
.pathChoiceBkLg ul {
    width: 435px
    }
.pathChoiceLg li, .pathChoiceBkLg li {
    border-bottom: 1px solid #000;
    text-align: center
    }
.pathChoiceLg li a, .pathChoiceBkLg li a {
    display: inline-block;
    min-width: 400px;
    min-height: 20px;
    padding: 1em;
    color: #000
    }
.pathChoiceBkLg li a {
    min-width: 335px
    }
.pathChoiceLg li:after {
    font-family: "FontAwesome";
    content: "" !important;
    font-size: 2em;
    padding: 4px 20px;
    float: right
    }
.pathChoiceBkLg li:after {
    font-family: "FontAwesome";
    content: "" !important;
    font-size: 2em;
    padding: 4px 20px;
    float: left
    }
.pathEndSm {
    -webkit-box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    -moz-box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    position: relative;
    border-radius: 0;
    min-height: 220px;
    min-width: 340px;
    padding-right: 5em;
    padding-left: 2em;
    margin-top: 76%;
    background: #fff url(/careerpaths/images/pathway/path_choice_bg.jpg) right top no-repeat;
    background-size: contain
    }
.pathEndSm:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 80px;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 20px;
    margin-left: -20px;
    background: transparent url(/careerpaths/images/icons/path_marker.png) -20px 2px no-repeat
    }
.pathEndSm .unToggle, .pathEndLg .toggle {
    display: block
    }
.pathEndSm .toggle {
    display: none
    }
.pathEndLg {
    -webkit-box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    -moz-box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    position: relative;
    border-radius: 0;
    min-height: 580px;
    min-width: 600px;
    padding-right: 12em;
    padding-left: 2.25em;
    margin-top: 50%;
    background: #fff url(/careerpaths/images/pathway/path_choice_bg.jpg) right top no-repeat;
    background-size: contain
    }
.pathEndSm h3, .pathEndLg h3 {
    text-align: center;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    line-height: 1.2em;
    font-weight: 700;
    font-size: 1.1em;
    padding-top: 8em;
    background: transparent url(/careerpaths/images/icons/pathway_choices_icon.png) 50% 30% no-repeat;
    background-size: 28%
    }
.pathEndLg h3 {
    border-bottom: 1px solid #000;
    background: transparent url(/careerpaths/images/icons/pathway_choices_icon.png) 50% 40% no-repeat;
    padding-top: 6em;
    font-size: 1.6em;
    background-size: 18%
    }
.pathEndLg ul li {
    padding-top: 1.25em
    }
.pathEndBtn {
    font-size: 1.1em;
    position: absolute;
    top: 50%;
    right: 20%;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 2em;
    width: 40%;
    text-align: center
    }
.pathChoiceNext, .pathChoiceBack {
    background: #128fd1;
    border: 22px solid #128fd1;
    -webkit-box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    -moz-box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    position: relative;
    border-radius: 0;
    min-height: 207px;
    max-width: 180px;
    margin-top: 140%;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0 0 0;
    color: #fff
    }
.pathChoiceNext h3 span, .pathChoiceBack h3 span {
    display: block;
    font-size: 1.2em
    }
.pathChoiceNext a, .pathChoiceBack a {
    color: #fff;
    font-size: 1em;
    font-weight: 600
    }
.pathChoiceNext:after {
    position: absolute;
    left: -70px;
    top: -22px;
    content: " ";
    width: 50px;
    height: 207px;
    background: transparent url(/careerpaths/images/pathway/forward_arrow.png) 2px 0 no-repeat
    }
.pathChoiceBack:after {
    position: absolute;
    right: -70px;
    top: -22px;
    content: " ";
    width: 52px;
    height: 207px;
    background: transparent url(/careerpaths/images/pathway/back_arrow.png) 2px 0 no-repeat
    }
.pathChoiceNext:before {
    position: absolute;
    right: -82px;
    top: -23px;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 102px 0 106px 60px;
    border-color: transparent transparent transparent #128fd1
    }
.pathChoiceBack:before {
    position: absolute;
    left: -82px;
    top: -23px;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 102px 60px 106px 0;
    border-color: transparent #128fd1 transparent transparent
    }
/* Squeezebox */
.squeezebox {
    text-align: left;
    margin-bottom: 1em
    }
.squeezebox .sb-item .sb-item-body {
    padding: 10px
    }
.squeezebox .sb-item-head a:hover {
    text-decoration: none
    }
.sb-item-head {
    background-color: #138fd2;
    padding-right: 20px;
    max-height: 100px
    }
.sb-item-head h4 {
    font-weight: 400;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    padding-left: 0.25em;
    display: inline-block;
    font-size: 1em;
    color: #fff;
    font-style: italic
    }
.sb-item-head img {
    padding: 0.5em;
    background-color: #88c7e8;
    width: 68px;
    height: 68px
    }
.squeezebox sb-item:first-child .sb-item {
    border-top: none !important
    }
.squeezebox .sb-item {
    border-bottom: none !important;
    padding: 0 !important
    }
.sb-item.is-collapsed {
    max-height: 70px
    }
.sb-item-body {
    margin-bottom: 1em
    }
.sb-item-body .inner button {
    color: #fff;
    background-color: #aaa;
    border: 2px solid #aaa;
    font-weight: 500;
    border-radius: 22px;
    width: 45%;
    padding: 2px 22px;
    opacity: 1;
    margin: 0 30% 2em;
    text-align: center;
    font-size: 0.9em
    }
.sb-item-body .inner button:hover {
    color: #fff !important;
    background-color: #1ea9dc !important;
    border: 2px solid #1ea9dc !important;
    font-weight: 500 !important;
    text-decoration: none
    }
.sb-item-body h5 {
    font-weight: 600;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    margin: 1em 1.5em 0 1.5em;
    display: inline-block;
    font-size: 0.9em;
    font-style: italic
    }
.sb-item-body p {
    margin: 1em 1.5em;
    font-size: 0.9em;
    font-style: italic
    }
.sb-item-body ul {
    margin: 0.5em;
    font-size: 0.9em;
    font-style: italic
    }
/* Accordian Panels */
.panel {
    border: none;
    text-align: left
    }
.panel-group .panel {
    border-radius: 0;
    box-shadow: none
    }
.panel .sb-item.is-collapsed {
    height: auto;
    max-height: 3.25em
    }
.panel .sb-item-head {
    background-color: #fff;
    border: none;
    text-align: left;
    border-radius: 0;
    padding: 1em 1.05em 1em 0.5em;
    border-top: 1px #000 solid
    }
h4.panel-title {
    font-family: Raleway, Arial, Helvetica, sans-serif;
    line-height: 1em;
    font-weight: 400;
    padding: 0 1em;
    max-width: 420px;
    color: #000
    }
.programGroup {
    font-style: italic;
    font-weight: 500;
    border-top: 1px #CCC solid;
    overflow: hidden
    }
.programGroup ul {
    padding: 0;
    margin: 0;
    margin-top: 2px;
    list-style: none
    }
.programGroup ul li {
    background: #f3f3f3;
    border-bottom: 2px solid #fff;
    padding: 0.75em 1em 1em 4em;
    min-height: 50px
    }
.programGroup ul li.progSchool {
    background: #fff url(/careerpaths/images/icons/school_icon.png) 0.25em 1em no-repeat;
    background-size: 16%;
    font-style: normal;
    display: inline-block;
    float: left;
    min-width: 65%;
    max-width: 65%
    }
.programGroup ul li.progBtns {
    background: #fff;
    display: inline-block;
    float: left;
    min-width: 35%;
    max-width: 35%
    }
.programGroup ul li.progSchool span {
    font-style: italic
    }
.programGroup ul li.progProgName {
    clear: both;
    background: #f3f3f3 url(/careerpaths/images/icons/program_icon.png) -0.2em -0.4em no-repeat;
    background-size: 14%
    }
.programGroup ul li.progDegree {
    background: #f3f3f3 url(/careerpaths/images/icons/degree_icon.png) 0 0 no-repeat;
    background-size: 12%
    }
.programGroup ul li.progCost {
    background: #f3f3f3 url(/careerpaths/images/icons/wages_icon.png) 0 0 no-repeat;
    background-size: 25%;
    border-bottom: 2px solid #fff;
    display: inline-block;
    float: left;
    min-width: 50%;
    max-width: 50%;
    border-right: 2px solid #fff
    }
.programGroup ul li.progDuration {
    background: #f3f3f3 url(/careerpaths/images/icons/duration_icon.png) 0 -0.4em no-repeat;
    background-size: 28%;
    border-bottom: 2px solid #fff;
    display: inline-block;
    float: left;
    min-width: 50%;
    max-width: 50%
    }
.sb-item-body .inner .programGroup button {
    width: 100%;
    margin: 10% 0 4% 4%;
    color: #1ea9dc;
    background-color: #fff;
    border: 2px solid #1ea9dc;
    font-size: 0.84em;
    padding: 2px 6px
    }
.sb-item-body .inner .programGroup span.saved {
    width: 100%;
    margin: 10% 0 4% 4%;
    color: #aaa;
    text-align: center;
    font-size: 0.84em;
    font-style: normal
    }
.toggle-icon:before {
    font-family: "FontAwesome";
    content: "" !important;
    font-size: 2em;
    float: right;
    padding: 0.25em 0;
    background: transparent !important;
    font-style: normal
    }
.squeezebox .sb-item.is-collapsed .sb-item-head a .toggle-icon:before {
    font-family: "FontAwesome";
    content: "" !important;
    font-size: 2em;
    float: right;
    padding: 0.25em 0;
    background: transparent !important;
    font-style: normal
    }
.toggle-icon:after {
    background: transparent !important
    }
.squeezebox .sb-item .sb-item-head a .toggle-icon, .squeezebox .sb-item.is-collapsed .sb-item-head a .toggle-icon {
    -moz-transform: rotate(0deg) !important;
    -moz-transform-origin: 0% 100% 0;
    -ms-transform: rotate(0deg) !important;
    -ms-transform-origin: 0% 100% 0;
    -o-transform: rotate(0deg) !important;
    -o-transform-origin: 0% 100% 0;
    -webkit-transform: rotate(0deg) !important;
    -webkit-transform-origin: 0% 100% 0;
    transform: rotate(0deg) !important;
    transform-origin: 0;
    color: #fff
    }
.panel a .toggle-icon {
    color: #000 !important;
    top: -20px
    }
.panel-group .panel-heading + .panel-collapse .panel-body {
    border: none
    }
/* KSA overlay */
.trigger-overlay .item-overlay.top {
    top: 0
    }
.item-overlay {
    position: fixed;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    z-index: 600;
    background: rgba(255, 255, 255, 1);
    text-align: center;
    width: 100%;
    height: 100%;
    -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s
    }
.item-overlay.top {
    top: 100%
    }
.item-overlay.right {
    right: 200%;
    left: -100%
    }
.item-overlay.bottom {
    bottom: 100%
    }
.item-overlay.left {
    left: 100%
    }
.ksaOverlay {
    position: relative;
    border-radius: 0;
    height: 100%;
    padding-right: 13%;
    padding-left: 24.1%;
    background: #fff url(/careerpaths/images/pathway/career_bg-it.jpg) right top no-repeat;
    background-size: contain
    }
.ksaOverlayScroll {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
    width: 100%;
    padding-bottom: 1.5em
    }
.ksaOverlay .back {
    background-color: #fff;
    border: none;
    font-weight: 500;
    width: 100%;
    padding: 1em 0 0 1em;
    opacity: 1;
    font-size: 0.9em;
    text-align: left
    }
.ksaOverlay .back:hover {
    color: #1ea9dc
    }
.ksaOverlay .translate {
    padding: 10px 10px 15px 5px
    }
.ksaOverlay .sharing_toolbox {
    display: none
    }
.ksaOverlay h1 {
    border-bottom: 1px solid #000;
    background: transparent url(/careerpaths/images/icons/KSA_icon.png) 50% 0 no-repeat;
    padding-top: 3em;
    background-size: 8%;
    font-size: 1.4em;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    width: 90%;
    margin: auto
    }
.ksaOverlay h1 span.careerName {
    line-height: 1.5em;
    font-weight: 700;
    font-size: 1.25em
    }
.ksaOverlay h2, .ksaOverlay h3 {
    font-size: 1.2em;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-style: italic;
    min-height: 55px
    }
.ksaOverlay h2 span {
    color: #1ea9dc;
    font-weight: 600;
    text-transform: lowercase
    }
h2.percent1, h2.percent2, h2.percent3, h2.percent4 {
    background: transparent url(/careerpaths/images/icons/thumbs_up_ksa_icon.png) 0 0 no-repeat;
    width: 60%;
    padding-left: 60px;
    margin-left: auto;
    margin-right: auto
    }
.ksaOverlay .progress {
    background-color: #f3f3f3;
    height: 16px;
    width: 50%;
    margin-left: auto;
    margin-right: auto
    }
.ksaOverlay .progress-bar {
    background-color: #F25C4B
    }
h2.ksaKnowledge {
    background: transparent url(/careerpaths/images/icons/knowledge_icon.png) 60px -20px no-repeat;
    padding-top: 0.25em
    }
.ksaOutcome h3.ksaKnowledge {
    background: transparent url(/careerpaths/images/icons/knowledge_icon.png) 50% -10px no-repeat;
    background-size: 18%;
    color: #1ea9dc;
    padding-top: 50px;
    font-weight: 600
    }
h2.ksaSkills {
    background: transparent url(/careerpaths/images/icons/skills_icon.png) 85px -15px no-repeat;
    padding-top: 0.45em
    }
.ksaOutcome h3.ksaSkills {
    background: transparent url(/careerpaths/images/icons/skills_icon.png) 50% -10px no-repeat;
    background-size: 18%;
    color: #1ea9dc;
    padding-top: 50px;
    font-weight: 600
    }
h2.ksaAbilities {
    background: transparent url(/careerpaths/images/icons/abilities_icon.png) 80px -10px no-repeat;
    padding-top: 0.75em
    }
.ksaOutcome h3.ksaAbilities {
    background: transparent url(/careerpaths/images/icons/abilities_icon.png) 50% -10px no-repeat;
    background-size: 18%;
    color: #1ea9dc;
    padding-top: 50px;
    font-weight: 600
    }
.ksaResults {
    display: table
    }
.ksaOutcome {
    background-color: #f3f3f3;
    padding: 0.25em;
    border-right: 2px solid #fff;
    display: table-cell;
    float: none
    }
.ksaOutcome ul {
    margin: 0 2em 0 0.25em
    }
ul.ksaKnowledgeUl {
    margin-left: 1em
    }
.ksaOutcome li {
    text-align: left;
    padding-bottom: 0.25em;
    font-size: 0.95em;
    font-style: italic
    }
.ksaGroup h3 {
    font-size: 1em;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: 700;
    min-height: auto;
    margin: 1.5em 0 0.5em 0
    }
.ksaGroup {
    text-align: left;
    width: 85%;
    margin: auto
    }
.ksaGroup ul {
    list-style: none;
    margin: auto
    }
.ksaGroup ul li {
    border: 1px dashed #000;
    border-radius: 22px;
    padding: 0.5em 1em;
    margin-bottom: 0.5em;
    cursor: pointer
    }
.ksaGroup ul li:hover {
    background: #F25C4B;
    color: #fff;
    border: 1px solid #F25C4B
    }
.ksaGroup ul li.selectedOccDataElement {
    background: #F25C4B;
    color: #fff;
    border: 1px solid #F25C4B
    }
.ksaGroup ul li.selectedOccDataElement:before {
    font-family: "FontAwesome";
    content: "" !important;
    font-size: 2em;
    float: right;
    padding: 0.25em 0;
    background: transparent !important;
    font-style: normal
    }
.ksaGroup ul li.selectedOccDataElement:before {
    font-family: "FontAwesome";
    content: "" !important;
    font-size: 1em;
    float: right;
    padding: 0;
    background: transparent !important;
    font-style: normal
    }
.ksaOverlayImg {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    width: 24%
    }
.ksaNavBtns {
    margin-top: 1em;
    margin-bottom: 1em
    }
.ksaNavBtns p {
    font-style: italic;
    font-weight: 600;
    width: 50%;
    margin: 1em auto
    }
.ksaNavBtns button, .ksaNavBtns .ksa-btn, .ksaNavBtns .reset-btn {
    color: #1ea9dc;
    background-color: transparent;
    border: 2px solid #1ea9dc;
    font-weight: 500;
    border-radius: 22px;
    width: 12%;
    padding: 2px 22px;
    opacity: 1;
    margin-right: 2em;
    text-align: center
    }
.ksaNavBtns button:hover, .ksaNavBtns .ksa-btn:hover, .ksaNavBtns .reset-btn:hover {
    color: #fff !important;
    background-color: #1ea9dc !important;
    border: 2px solid #1ea9dc !important;
    font-weight: 500 !important;
    text-decoration: none
    }
.ksaNavBtns .reset-btn {
    color: #fff;
    background-color: #aaa;
    border: 2px solid #aaa
    }
.ksaModal {
    width: 450px
    }
.ksaModal .modal-content {
    padding-right: 20px !important;
    min-height: 325px !important
    }
.ksaModal h1 {
    font-style: italic;
    font-weight: 600;
    width: 80%;
    margin: 2.25em auto 1em auto;
    font-size: 1.2em;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    text-align: center
    }
.ksaModalBtns button {
    display: block;
    width: 65% !important;
    margin: 1em auto;
    text-align: center
    }
.ksaModalBtns span.saved {
    margin: 4%;
    color: #aaa;
    text-align: center;
    display: block
    }
.ksaModal p {
    font-style: italic;
    width: 80%;
    margin: 1em auto;
    text-align: center
    }
.ksaModal a {
    color: #F25C4B;
    font-weight: 500
    }
/* general modal */
.modal {
    top: 25%
    }
.modal-open .modal {
    outline: none
    }
.modal-body {
    overflow-y: auto;
    max-height: 420px
    }
.modal-content {
    background-color: #fff;
    border-radius: 0;
    min-height: 450px;
    padding-right: 110px;
    padding-left: 20px
    }
.close {
    font-size: 4em;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-weight: 400;
    top: 0;
    right: 0;
    position: absolute;
    line-height: 0.5em
    }
/* floater */
.floater {
    color: #F25C4B;
    text-align: center;
    margin: 50% 10% 0% 10%;
    font-size: 1.3em;
    font-style: italic
    }
.floater h3 {
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-size: 3em;
    font-weight: 700
    }
/* tidbits */
.tidbit {
    text-align: center;
    font-size: 1em;
    font-weight: 500;
    font-style: italic;
    max-width: 250px;
    min-width: 250px;
    float: left
    }
.tidbit h4 {
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #F25C4B;
    text-align: center
    }
.tidbit-spacer {
    max-width: 50px;
    float: left;
    margin: 24% 5%
    }
.tidbit-spacer i {
    color: #CCC;
    font-size: 2.1em;
    font-weight: 400;
    font-style: normal
    }
/* easter eggs */
.easter-egg {
    background: url(/careerpaths/images/icons/easter_egg_off.png) no-repeat;
    float: left;
    width: 88px;
    height: 88px;
    text-indent: -9000px;
    margin-top: 25%;
    cursor: pointer
    }
.easter-egg:hover {
    background: url(/careerpaths/images/icons/easter_egg_on.png) no-repeat
    }
.easter-egg-detail {
    font-style: italic;
    font-size: 1em;
    max-width: 75%;
    float: left;
    text-align: center;
    background: #fff;
    border: 15px solid #f25c4b;
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    position: relative;
    z-index: 1;
    padding: 15px 25px 10px 25px;
    -webkit-box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    -moz-box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    box-shadow: 0 0 28px 2px rgba(209, 209, 209, 1);
    margin-top: 26%
    }
.easter-egg-detail:after, .easter-egg-detail:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
    }
.easter-egg-detail:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 0;
    margin-top: -20px
    }
.easter-egg-detail:before {
    border-color: rgba(242, 92, 75, 0);
    border-right-color: #f25c4b;
    border-width: 22px;
    margin-top: -22px
    }
/* summary report */
.summaryNav {
    border-bottom: 1px solid #AAA;
    background: -moz-linear-gradient(top, rgba(221, 221, 221, 0) 51%, rgba(221, 221, 221, 0.12) 60%, rgba(221, 221, 221, 0.65) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(221, 221, 221, 0) 51%, rgba(221, 221, 221, 0.12) 60%, rgba(221, 221, 221, 0.65) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(221, 221, 221, 0) 51%, rgba(221, 221, 221, 0.12) 60%, rgba(221, 221, 221, 0.65) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* IE6-9 */
    }
.summaryNav .back {
    background: transparent;
    border: none;
    font-weight: 500;
    width: 100%;
    padding: 1em 0 0 1em;
    opacity: 1;
    font-size: 0.9em;
    text-align: left
    }
.summaryNav .back:hover {
    color: #1ea9dc
    }
.summaryNav .translate {
    padding: 10px 10px 10px 10px;
    float: left !important
    }
.summaryNav .addthis_sharing_toolbox {
    display: none
    }
.summaryNav .summaryPrint:before {
    content: "|";
    padding: 10px 10px 10px 0;
    color: #AAA
    }
.summaryNav .summaryPrint {
    padding: 10px 0 10px 40px;
    font-size: 1.1em
    }
.summaryNav .summaryPrint a {
    color: #333
    }
.summaryHeader {
    background: url(/careerpaths/images/icons/report_icon.png) top center no-repeat;
    min-height: 200px;
    min-width: 400px;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px
    }
.summaryHeader h1 {
    font-weight: 700;
    font-size: 2.2em;
    font-style: italic
    }
.summaryHeader h2 {
    font-weight: 500;
    font-size: 1.3em;
    font-style: italic;
    line-height: 1.1em;
    margin: 0.25em
    }
.summaryHeader h2 span {
    font-weight: 600
    }
.summaryMap .svgOverview {
    margin: 0;
    overflow-y: hidden;
    overflow-x: auto;
    background: #F1F1F1;
    border: 1px #ccc solid;
    padding: 2em 1em 0 1em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
    }
.summarySection {
    clear: both;
    font-size: 0.95em
    }
.summarySection h3 {
    background-color: #1ea9dc;
    color: #fff;
    border: none;
    font-size: 1.5em;
    font-style: italic;
    transform: none;
    font-weight: 600;
    margin-bottom: 6px;
    margin-top: 40px;
    padding: 0.5em
    }
.summarySection h3 span {
    font-size: 0.8em;
    display: block;
    font-weight: 400
    }
.summarySection h4 {
    font-size: 1.4em;
    font-style: italic;
    font-weight: 600;
    padding: 0.5em 0
    }
.summarySection h5 {
    font-size: 1.2em;
    font-style: italic;
    font-weight: 600;
    line-height: 1.8em
    }
.summarySection h4 img, .summarySection h5 img {
    margin-bottom: 0;
    margin-top: 0;
    top: 0;
    float: left;
    max-height: 50px;
    margin-top: -0.65em
    }
.summaryLine {
    border-bottom: 1px solid #000;
    clear: both
    }
.summarySection .altJobs {
    font-style: normal;
    font-size: 1em;
    margin: 0;
    width: 100%;
    text-align: left
    }
.summarySection ul {
    padding-top: 0.5em;
    padding-bottom: 0.5em
    }
ul.summarySalary {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0
    }
ul.summarySalary li {
    float: left;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 0.5em 0;
    padding-left: 0.5em
    }
ul.summarySalary li:first-child {
    padding-left: 0
    }
ul.summarySalary li:last-child {
    border-right: none
    }
.summaryKSA {
    background-color: #f9f9f9;
    margin: 0 2em;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    clear: both;
    overflow: auto
    }
.summaryKSA h5 {
    color: #1ea9dc;
    font-weight: 700;
    height: 80px;
    width: 260px;
    float: left
    }
.summaryKSA h5.general-fonts.ksaKnowledge {
    background: transparent url(/careerpaths/images/icons/knowledge_icon.png) 20px 0 no-repeat;
    padding-top: 20px;
    padding-left: 110px
    }
.summaryKSA h5.general-fonts.ksaSkills {
    background: transparent url(/careerpaths/images/icons/skills_icon.png) 20px 0 no-repeat;
    padding-top: 20px;
    padding-left: 110px
    }
.summaryKSA h5.general-fonts.ksaAbilities {
    background: transparent url(/careerpaths/images/icons/abilities_icon.png) 20px 0 no-repeat;
    padding-top: 20px;
    padding-left: 110px
    }
.summaryKSA ul {
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 0;
    float: left
    }
table.summaryTable {
    width: 100%
    }
tr.summaryTableHeader {
    font-weight: 600;
    font-style: italic
    }
tr.summaryTableHeader th {
    font-weight: 600;
    font-style: italic;
    border-left: 1px #000 solid;
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
    padding: 0.6em;
    text-align: center;
    font-size: 0.9em
    }
tr.summaryTableHeader th:first-child {
    border-left: none
    }
th.summaryProgName {
    color: #1ea9dc;
    font-weight: 600;
    font-style: italic;
    padding: 0.6em;
    border-bottom: 1px #000 solid;
    font-size: 1.1em
    }
table.summaryTable td {
    border-left: 1px #000 solid;
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
    padding: 0.6em;
    font-size: 0.9em;
    width: 20%
    }
table.summaryTable td:nth-of-type(2) {
    width: 40%
    }
table.summaryTable td:nth-of-type(4), table.summaryTable td:nth-of-type(5) {
    width: 10%
    }
table.summaryTable td:first-child, table.summaryTable td:nth-of-type(2), table.summaryTable td:nth-of-type(3), table.summaryTable td:nth-of-type(4) {
    border-top: none
    }
table.summaryTable td:first-child {
    border-left: none
    }
school-report {
    display: table;
    width: 100%
    }
@page {
    size: landscape
    }
@media print {
    .navbar {
        display: block !important
        }
    .hub-logo-header, .industry-logo-header, .pathway-header {
        background: none;
        height: 110px;
        font-size: 22px !important;
        padding: 10px !important;
        display: block;
        font-family: "Noto Sans", verdana, sans-serif;
        color: #000
        }
    .hub-logo-header span {
        margin-left: 0
        }
    .translate-and-share, .return-button, .sector-bk, .sponsor-logo-anchor-follow, #back-top, .summaryNav, .summarySection h4 img, .summarySection h5 img {
        display: none
        }
    .summaryHeader {
        background: none;
        min-height: auto;
        min-width: auto;
        padding-top: 0
        }
    .summaryHeader h1 {
        font-size: 18pt
        }
    .summaryHeader h2, .summarySection h3 {
        font-size: 16pt
        }
    .summarySection h4, .summarySection h5 {
        font-size: 14pt
        }
    .summarySection {
        font-size: 12pt;
        background-color: #fff
        }
    .summarySection h3 {
        padding: 0.5em 0;
        background-color: #fff
        }
    .summaryMap .svgOverview {
        overflow-y: visible;
        overflow-x: visible;
        background: none;
        border: none;
        padding: 1em;
        margin-top: 0.6em;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        size: landscape
        }
    ul.summarySalary li {
        padding-left: 0
        }
    th.summaryProgName {
        padding-left: 0
        }
    }