.content .title {
    text-align: center;
    padding: 20px 0 0 0;
}

.content .title h1 {
    margin-bottom: 0;
}

.content .about {
    width: 100%;
    height: auto;
    padding-top: 20px;
}

.content .about p {
    font-weight: 400;
    color: #222222;
    letter-spacing: 0;
    line-height: 1.2em;
    margin-bottom: 0.65em;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    font-size: 1.2em;
}

.about img, .pathMainImg {
    width: 100%;
}

.content .choose {
    height: auto;
    width: 100%;
}

.choose h2 {
    text-align: center;
    padding: 10px 0 15px 0;
    letter-spacing: .5px;
}

.pathwaysContainer {
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    width: 100%;
    height: auto;
}

.pathwaysContainer > .content, .tabs {
    height: auto;
}

.pathwaysContainer .tabRow {
    height: 120px;
}


.pathway-title {
    position: relative;
    top: 10px;
}

a.toggle h4:hover {
    color: #666666;
}

.choose {
    background-image: -webkit-linear-gradient(top, #F4B350, #f1a027);
    background-image: -moz-linear-gradient(top, #F4B350, #f1a027);
    background-image: -ms-linear-gradient(top, #F4B350, #f1a027);
    background-image: -o-linear-gradient(top, #F4B350, #f1a027);
    background-image: linear-gradient(to bottom, #F4B350, #f1a027);
}

.tabRow {
    padding: 10px;
}

ul.tablist {
    margin: 0;
    padding: 0;
}

.tablist a {
    list-style: outside none none;
    text-decoration: none;
    text-align: center;
}

.tablist_link.tabs_link.active, .tablist_link.tabs_link:hover {
    border-right: none !important;
    border-left: none !important;
    padding-right: 1px !important;
}

.tablist_link:hover [class*="icon-"]::before, .tablist_link:active [class*="icon-"]::before {
    color: #fff;
    cursor: pointer;
}

.tablist_link .title-row h2{
    color: #fff;
    text-shadow: 0 0 2px #242424;
}

.tablist_link:nth-of-type(1), #id_first .pathway-button {
    background-color: #546E7A;
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
    background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
    background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
    background-image: -o-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
}

.tablist_link:nth-of-type(1):hover, .tablist_link:nth-of-type(1):active {
    background-image: -webkit-linear-gradient(top, #546c78, #3f515a);
    background-image: -moz-linear-gradient(top, #546c78, #3f515a);
    background-image: -ms-linear-gradient(top, #546c78, #3f515a);
    background-image: -o-linear-gradient(top, #546c78, #3f515a);
    background-image: linear-gradient(to bottom, #546c78, #3f515a);
}

.tablist_link:nth-of-type(2), #id_second .pathway-button {
    background-color: #823e9f;
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
    background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
    background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
    background-image: -o-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
}

.tablist_link:nth-of-type(2):active, .tablist_link:nth-of-type(2):hover {
    background-image: -webkit-linear-gradient(top, #823e9f, #693281);
    background-image: -moz-linear-gradient(top, #823e9f, #693281);
    background-image: -ms-linear-gradient(top, #823e9f, #693281);
    background-image: -o-linear-gradient(top, #823e9f, #693281);
    background-image: linear-gradient(to bottom, #823e9f, #693281);
}

.tablist_link:nth-of-type(3), #id_third .pathway-button {
    background-color: #3949AB;
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
    background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
    background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
    background-image: -o-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
}

.tablist_link:nth-of-type(3):active, .tablist_link:nth-of-type(3):hover {
    background-image: -webkit-linear-gradient(top, #3949AB, #2d3986);
    background-image: -moz-linear-gradient(top, #3949AB, #2d3986);
    background-image: -ms-linear-gradient(top, #3949AB, #2d3986);
    background-image: -o-linear-gradient(top, #3949AB, #2d3986);
    background-image: linear-gradient(to bottom, #3949AB, #2d3986);
}

.tablist_link:nth-of-type(4), #id_fourth .pathway-button {
    background-color: #E53935;
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
    background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
    background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
    background-image: -o-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
}

.tablist_link:nth-of-type(4):active, .tablist_link:nth-of-type(4):hover {
    background-image: -webkit-linear-gradient(top, #E53935, #cb1d1a);
    background-image: -moz-linear-gradient(top, #E53935, #cb1d1a);
    background-image: -ms-linear-gradient(top, #E53935, #cb1d1a);
    background-image: -o-linear-gradient(top, #E53935, #cb1d1a);
    background-image: linear-gradient(to bottom, #E53935, #cb1d1a);
}

.tablist_link:nth-of-type(5), #id_fifth .pathway-button {
    background-color: #de590e;
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
    background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
    background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
    background-image: -o-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
}

.tablist_link:nth-of-type(5):active, .tablist_link:nth-of-type(5):hover {
    background-image: -webkit-linear-gradient(top, #de590e, #c04e0c);
    background-image: -moz-linear-gradient(top, #de590e, #c04e0c);
    background-image: -ms-linear-gradient(top, #de590e, #c04e0c);
    background-image: -o-linear-gradient(top, #de590e, #c04e0c);
    background-image: linear-gradient(to bottom, #de590e, #c04e0c);
}

.tablist_link:nth-of-type(6), #id_sixth .pathway-button {
    background-color: #1d7c48;
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
    background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
    background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
    background-image: -o-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 41%);
}

.tablist_link:nth-of-type(6):active, .tablist_link:nth-of-type(6):hover {
    background-image: -webkit-linear-gradient(top, #1d7c48, #135330);
    background-image: -moz-linear-gradient(top, #1d7c48, #135330);
    background-image: -ms-linear-gradient(top, #1d7c48, #135330);
    background-image: -o-linear-gradient(top, #1d7c48, #135330);
    background-image: linear-gradient(to bottom, #1d7c48, #135330);
}

.tablist_link:hover .tablist_item .icon-row, .tablist_link:active .tablist_item .icon-row {
    box-shadow: 0 7px 4px -6px #f2f2f2;
    padding-bottom: 8px;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}

.tablist_link:hover .tablist_item .title-row, .tablist_link:active .tablist_item .title-row {
    padding-top: 17px;
}

ul.tablist li {
    margin: 0;
}

.tablist_item {
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    height: 100px;
    box-shadow: 0 8px 6px -5px #666666;
}

.tablist_item .icon-row {
    padding-top: 28px;
    padding-bottom: 14px;
}

.tablist_item [class*="icon-"]::before {
    margin: 0;
    font-size: 2.4em;
    color: #000;
}

.tablist_item .title-row {
    padding-top: 11px;
    padding-bottom: 11px;
}

.tablist_item > .icon-row > h2, .title-row > h2 {
    margin-bottom: 0;
}

.tablist_item h2 {
    font-size: 1.1em;
    letter-spacing: .5px;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

#cap{
    Background-color:#003366;
    border:none;
    border-radius:2px;
}
#cap a{
    color:#fff;
}
.jumbotron{
    margin:0;
    padding:0;
}

.header {
    padding: 0;
    margin: 10px;
}
@media (max-width: 740px) {
  
    ul.list-group{
        margin-top:8px;
    }
  }
  
  .pwhead-BI .display-4, .pwhead-PS .display-4, .pwhead-CA .display-4, .pwhead-HP .display-4, .pwhead-STEM .display-4, .pwhead-LA .display-4{
      color:#fff!important;
  }
.pwhead-BI{
        width:100%;
        height:auto;
        background-color:#23476B;
        color:white;
        padding:.5em;
        text-align:center;
        margin:20px 0;
    }
    
      
.pwhead-PS{
        width:100%;
        height:auto;
        background-color:#C84100;
        color:white;
        padding:.5em;
        text-align:center;
        margin:20px 0;
    }
    
    .header2-BI{
        width:100%;
        height:auto;
        background-color:#23476B;
        color:white;
        padding:10px;
        text-align:center;
        margin-bottom: 15px;
    }
    
        .header2-PS{
        width:100%;
        height:auto;
        background-color:#C84100;
        color:white;
        padding:10px;
        text-align:center;
        margin-bottom: 15px;
    }
    
    .pwhead-CA{
        width:100%;
        height:auto;
        background-color:#9E2D9E;
        color:white;
        padding:.5em;
        text-align:center;
                margin:20px 0;
    }
    
    .header2-CA{
        width:100%;
        height:auto;
        background-color:#9E2D9E;
        color:white;
        padding:10px;
        text-align:center;
        margin-bottom: 15px;
    }
    
        .pwhead-HP{
        width:100%;
        height:auto;
        background-color:#5F3655;
        color:white;
        padding:.5em;
        text-align:center;
                margin:20px 0;
    }
    
    .header2-HP{
        width:100%;
        height:auto;
        background-color:#5F3655;
        color:white;
        padding:10px;
        text-align:center;
        margin-bottom: 15px;
    }
    
           .pwhead-STEM{
        width:100%;
        height:auto;
        background-color:#255465;
        color:white;
        padding:.5em;
        text-align:center;
                margin:20px 0;
    }
    
    .header2-STEM{
        width:100%;
        height:auto;
        background-color:#255465;
        color:white;
        padding:10px;
        text-align:center;
        margin-bottom: 15px;
    }
    
           .pwhead-LA{
        width:100%;
        height:auto;
        background-color:#AB1D1B;
        color:white;
        padding:.5em;
        text-align:center;
                margin:20px 0;
    }
    
    .header2-LA{
        width:100%;
        height:auto;
        background-color:#AB1D1B;
        color:white;
        padding:10px;
        text-align:center;
        margin-bottom: 15px;
    }
    
    #sub-banner{
        font-size:1.5em;
        font-weight:500;
    }