@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,600,700);

body.mobile h4 {padding:10px 10px 0px 0px;font-size: 15px;}
@media screen and (min-width: 320px)
{ 
    .lead-low, .pngFix { width:100%;height:auto; } /* resizes hi-res lead images and marquee images for mission pages */
    .story-low  { width:149px;height:auto; } /* resizes basic .story_excerpt thumb */
} 
body.mobile .header-video-overlay{
    position: absolute;
    bottom:0;
    left:0;
    overflow: hidden;
    width: 100%;
    height: 1px;
}
body.mobile .linkimage .mobile-link {
    font-weight: normal;
    padding: 0;
}
body.mobile  .accordianelement.section .accordian-header-full h3 {
    font-size: 15px;
    margin: -5px 0 30px;
    padding-left: 60px;
    padding-top:0;
    font-weight: bold;
}
body.mobile  .accordian-elem.full.section-04 .accordian-header-full h3, body .accordian-elem.full.section-06 .accordian-header-full h3 {
    margin-top:-13px;
    width: 300px;
    line-height: 18px;
    padding-right:125px;
}

body.mobile .accordianelement.section p {
    color: #c6c6c6;
    line-height: 16px;
    margin-top: 0;
}


body.mobile  #main_content, body{
    background: #b7ad95; 
    padding: 0;
    position: relative;
 }
 
#main_content {
    text-align: left;
}

body.mobile body.mobile #headerImg {
    width: 100% !important;
}

body.mobile .accordianelement.section, 
body.mobile .accordianelement.section:nth-child(3), 
body.mobile .accordianelement.section:nth-child(4) {
    padding: inherit;
}

body.mobile .accordianelement.section {
    border-radius: 0;
    max-height: 50px;
    min-height: 50px;
    overflow: hidden;
    transition: max-height 0.5s ease 0s;
}
body.mobile .accordianelement.section {
    background: rgba(0, 0, 0, 0) url("/static/images/learn/panel-bg.jpg") repeat scroll 0 0;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    margin-bottom: 8px;
    min-height: 120px;
    padding: 32px 50px 0 130px;
    position: relative;
}

body.mobile .accordian-header-full .heading {
    margin-top: -3px;
}

body.mobile  .accordianelement.section .story_excerpt h3 {
    font-weight: bold;
    clear: both;
/*     border-bottom: 1px solid #858585; */
    padding: 30px 0 10px;
}


body.mobile  .accordian-content .titletextimage a {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    display:inline-block;
    margin:10px;
}

body.mobile  .accordian-content .accordian-elem.inset .titletextimage a {
    font-size: 12px;
    margin: 5px;
}


body.mobile  .accordian-content .accordianelement.section .accordian-elem.inset, 
body.mobile  .accordian-content .accordianelement.section .accordian-elem.inset h3 {
    font-size: 15px;
    margin-top: 0;
    padding-top: 0;
}

body.mobile  .accordian-content .accordianelement.section h3 {
    font-size: 14px !important;
}


body.mobile  .accordianelement.section .heading p{
    padding:0 10px 5px 0;
}

body.mobile  .section.header.globalcomponent .heading-copy h1{
    font-weight: bold;
}

body.mobile  .related-vid-thumb a {
    font-size: 13px;
    text-decoration: none;
}

body.mobile  .accordian-content .related-vid-thumb .tab_vid_title{
    font-size:13px;
    padding-top: 5px
}

body.mobile  .accordian .accordian-elem .accordian-body {
    margin-top: 10px;
}

body.mobile  .accordianelement.section p{
    line-height: 18px;
}

body.mobile  .section.header.globalcomponent .heading-copy h3{
    font-weight: bold;
}

body.mobile  .section.header.globalcomponent .heading-copy{
    display: block;
    width: 100%;
    margin: 0px !important;
    left: auto;
}

body.mobile  .accordian-elem.full .linkimage a {
    text-decoration: none;
    margin: 20px 10px 30px 0;
}

body.mobile  .wr_content .row div, 
body.mobile  .wr_container .radiogroup {
    width: 100%;
}

body.mobile  .wr_content .row input {
    width: 35px;
}

body.mobile  .wr_content .row span {
    font-size: 10px;
}

body.mobile  .accordian-content #jobsearch-wrapper .jquery-selectbox{
    margin-top:20px;
}

body.mobile  .accordian-content #jobsearch-wrapper .form-section{
    padding-bottom: 5px;
    margin-bottom: 10px;
}

body.mobile  .accordian-content #jobsearch-wrapper #selectCategoryForm{
    height: 90px;
}

body.mobile  #jobsearch-wrapper .search-content form#jobSearch{
    margin-top: 60px;
}

body.mobile  #jobsearch-wrapper .search-content form#jobSearch .search{
    float:left;
}

body.mobile  #jobsearch-wrapper .search-content form#jobSearch input.simple-search-text{
    margin-top:20px;
}

body.mobile  #jobsearch-wrapper .search-content form#jobSearch p.or{
    margin-top:20px;
}

body.mobile  .accordian-content #contact-module .jquery-selectbox{
    -webkit-appearance:none;
}

body.mobile  .accordian-content #contact-module .contact-us .contact-form input.text{
    text-align: left;   
}

body.mobile  .accordian-content #contact-module h3#type{
    margin: 0;
    padding: 0;
    
}

body.mobile  .accordian-content #contact-module .form-options.opt-radio{
    float: right !important;    
}

body.mobile  .accordian-content #contact-module .form-options.opt-radio span{
    font-size:11px;
}

body.mobile  .accordian-content #contact-module .contact-us .contact-form .search{
    color: rgba(255, 255, 255, 0);
}

body.mobile .accordian-content #contact-module{
    margin-bottom:20px;
}

body.mobile form#jobSearch input::-webkit-input-placeholder {font-size: 11px !important;color: #ffc94d !important;}
body.mobile form#jobSearch input:-moz-placeholder {font-size: 11px !important;color: #ffc94d !important;}
body.mobile form#jobSearch input::-moz-placeholder {font-size: 11px !important;color: #ffc94d !important;}
body.mobile form#jobSearch input:-ms-input-placeholder {font-size: 11px !important;color: #ffc94d !important;}



/* ==================================================================== */


#main_content {
    background: #b7ad95; 
    font-family: 'Source Sans Pro', sans-serif !important;
    letter-spacing: 0.05em;
    padding: 0;
    width: 711px;
    position: relative;
 }
 
#main_content .tti, 
#main_content .tti .vertical h2, 
#main_content .tti ul {
    font-family: 'Source Sans Pro', sans-serif !important;     
}

#main_content .wordpoplrnMore a {
    color: #000 !important;
}
 
 #main_content .content{
    padding: 0 10px;
 } 
 #main_content .breadcrumb {
     display: none; 
     position: absolute;
     z-index: 99;
     color: #fff;
     top: 20px;
     left: 15px;
 }
 .breadcrumb-wrapper .crumb span.breadcrumb-arrow {
     background: url('/content/dam/goarmy/learn/static/breadcrumb-arrow.png') no-repeat center;
 }
 #main_content .breadcrumb a,  
 #main_content .breadcrumb a:hover, 
 #main_content .breadcrumb a.current_page_bc, 
 #main_content .breadcrumb a.current_page_bc:hover {
     color: #fff;
 }
 
 #main_content .mainheader {
     display: none;
 }
.accordian-element {background: #5a5e56;} 
#contact-module { width: 100%;}
.sharethis {display: none;}
.section.header {
    margin-bottom: 10px;
}

#headerImg {
    width: 711px !important;
}
#headerImg img {  
    width: 100%;
    border: none; 
}

.section.header.globalcomponent {
    position: relative;
}
.section.header.globalcomponent .heading-copy {
    position: absolute;
    color: #fff;
    top: 100px;
    left: 50%;
    margin-left: -185px;
    text-align: center;
}

.section.header.globalcomponent .heading-copy  h1 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 0;
}
.section.header.globalcomponent .heading-copy  h1:after {
    content: "";
    display: block;
    width: 370px;
    height: 2px;
    background: rgba(255,255,255, 0.5);
    margin: 14px auto 0 auto;
}
.section.header.globalcomponent .heading-copy h3 {
    font-weight: 400;
    margin-top: 6px;
    font-size: 14px;
    line-height: 18px;
}

.linkimage .link-wrapper img.external {
    display: none;
}

.search-error {
    display:none;
}

.accordian-header-inset {
    cursor: pointer;
}

.accordian-header-full {
    cursor: pointer;
}
.accordianelement.section {
    position: relative;
    border-radius: 5px;
    background: url('/static/images/learn/panel-bg.jpg');
    color: #fff;
    padding: 32px 50px 0 130px;
    margin-bottom:8px;
    min-height: 120px;
    box-sizing: border-box;
} 

.accordianelement.section  .vertical {
    overflow: hidden;
}
.accordianelement.section:nth-child(3), .accordianelement.section:nth-child(4) {
    padding: 25px 32px 0 130px;
}

.accordian .accordian-elem .accordian-body {
    display: none;
}

.accordianelement.section h3 {
    margin: 0 0 5px 0;
    font-size: 18px;
    font-weight: 400;
}

.accordianelement.section p {
    color: #c6c6c6;
    margin-top: 0;
    line-height: 16px;
}

.accordianelement.section ul {
    font-size: 11px !important;
}

.tti p {
    font-size: 11px;
    line-height: 16px;
}

.accordianelement.section h2 {
    color: #fff !important;
    font-size: 13px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    margin-bottom: 8px !important;
}
.accordianelement.section h2:after {
    content: "";
    position: absolute;
    display: inline-block;
    top: 5px;
    right: -610px;
    border-bottom: 2px solid #767a73;
    width: 600px;
}

.accordianelement.section .num {
    position: absolute;
    top: 15px;
    left: 20px;
    font-size: 70px;
    color: #7b7e78;
    height: 93px;
    border-right: 2px solid #7b7e78;
    line-height: 93px;
    padding-right: 15px;
    font-weight: 700;
}

.accordianelement.section .tti {
    margin-top: 40px;
}
.section.titletextimage:last-child .tti {
    margin-top: 10px !important;
}

.accordianelement.section .tti.no_pad {
    margin-top: 10px;   
}
.accordian-elem.full .tti.no_pad {
    margin-top: 40px;   
}

.accordian-elem.full.section-01  .accordian-elem.inset .titletextimage .tti.no_pad {
    margin-top: 20px;
}
.accordian-elem.full.section-02 .tti.no_pad p {
    margin-bottom: 20px;
}
.accordian-elem.full.section-02 .tti.no_pad  ul {
    margin-bottom: 20px;
}
.accordian-elem.full.section-02 .tti.top_border {
    margin-top: 30px;
}

.accordian-elem.full.section-02 .accordian-body:nth-of-type(1) {
    display: none;
}


.accordian-elem.full.section-03 .related-vid-thumb div.tab_vid_desc {
    width: 278px;
}
.accordian-elem.full.section-04 .related-vid-thumb div.tab_vid_desc {
    margin-right: 18px;
}

.accordian-elem.full.section-03  .accordianelement.section {
     margin: 50px 20px 15px;       
}
.accordian-elem.full.section-03  .tti.top_border {
    margin-top: 35px;
}
.accordian-elem.full.section-06  .tti.top_border {
    margin-top: 40px;
}

.accordian-elem.full.section-03  .accordian-elem.inset  .tti.no_pad {
    margin-top: 20px;
}

.accordian-elem.full.section-04 .related-vid-thumb {
    margin-top: 5px;
}

.accordian-elem.full.section-04 .accordian-content .titletextimage:nth-of-type(7) .tti.no_pad {
   margin-top: 50px;
}
.accordian-elem.full.section-04 .accordian-content .titletextimage:nth-of-type(8) .tti.no_pad {
   margin-top: 0;
}

.accordian-elem.full.section-04 .tti.top_border {
    margin-top: 50px;
}

.accordian-elem.full.section-05 .tti.top_border {
    margin-top: 40px;
}

.accordian-elem.full.section-06 .accordian-content .parbase:nth-of-type(5) .tab_vid_desc {
    width: 256px;
}

.accordian-elem.full.section-06 .accordian-content .parbase:nth-of-type(7) .tti.no_pad,
.accordian-elem.full.section-06 .accordian-content .parbase:nth-of-type(8) .tti.no_pad,
.accordian-elem.full.section-06 .accordian-content .parbase:nth-of-type(9) .tti.no_pad,
.accordian-elem.full.section-06 .accordian-content .parbase:nth-of-type(10) .tti.no_pad,
.accordian-elem.full.section-06 .accordian-content .parbase:nth-of-type(12) .tti.no_pad,
.accordian-elem.full.section-06 .accordian-content .parbase:nth-of-type(13) .tti.no_pad {
    margin-top: 10px;
}

.accordian-elem.full.section-06 .accordian-content .parbase:nth-of-type(20) a {
    margin-top: 0;
}
.accordian-elem.full.section-06 .accordian-content .parbase:nth-of-type(20) a {
    text-transform: none;
}
.accordianelement.section .tti.no_pad img {
    width: 236px;
    border: 2px solid #61655c;
}

.accordianelement.section .single {
   border-bottom: 2px solid #797c75 !important;
}

.accordianelement.section ul {
    color: #c6c6c6;
    padding-left: 15px;
    line-height: 1.3em;
}

.accordian-header-full a.accordion-arrow, .accordian-content .accordianelement.section a.accordion-arrow {
    width: 12px;
    height: 20px;
    position: absolute;
    top: 15px;
    right: 15px;
    background: url('/content/dam/goarmy/learn/static/accordion-arrow.png') no-repeat right;
    padding-right: 0;
}
.accordian-header-full a.accordion-arrow:after, .accordian-content .accordianelement.section a.accordion-arrow:after {
    height: 0;
    background: none;
}
.accordian-header-full a.accordion-arrow.open, .accordian-content .accordianelement.section a.accordion-arrow.open {
    background: url('/content/dam/goarmy/learn/static/accordion-arrow.png') no-repeat left;
}

.accordian-content .accordianelement.section a.accordion-arrow {
    top: 30px;  
}

.accordian-content a {
   text-transform: uppercase;
   color: #ffc94d !important;
   padding-right: 15px;
   font-family: 'Source Sans Pro', sans-serif;
   
   font-size: 13px;
}

.accordian-content a:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 10px;
    background: url('/content/dam/goarmy/learn/static/arrow-link.png') no-repeat right;
}

.accordian-content .titletextimage a {
    font-size: 13px !important;
    margin: 0 0 5px 0 !important;
    display: inline-block;
    font-feature-settings: 'lnum';
    /* vendor-prefixes */
    -moz-font-feature-settings: 'lnum=1';
    -ms-font-feature-settings: 'lnum';
    -webkit-font-feature-settings: 'lnum';
    -o-font-feature-settings: 'lnum';
}

.accordian-content a:hover {
    color: #ffc94d !important;
    text-decoration: none !important;
}

.accordian-content .related-vid-thumb, .accordian-content .related-vid-thumb img {
    float: none;
}

.related-vid-thumb span.play-button {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 10px;
    top: 10px;
    background: url('/content/dam/goarmy/learn/static/play-btn.png') no-repeat center;
    opacity: 0.6;
    transition: 0.3s;
}

body.mobile .related-vid-thumb span.play-button{
    opacity: 1;
    transition: none;
}

.accordianelement .linkimage a {
    background: url('/content/dam/goarmy/learn/static/arrow-link.png') no-repeat 90% 50%;
    background-color: #50544b;
    padding: 10px 40px 10px 15px;
    border-radius: 5px;
    display: inline-block;
    margin-top: 30px;
}    
.accordianelement .linkimage a:after {
   height: 0; 
   background: 0;
}
.accordian-elem.full .linkimage a {
    margin-bottom: 50px;
}

.accordian-elem.inset .linkimage a {
    margin-bottom: 15px;
}

.related-vid-thumb a:nth-of-type(1):after {
   height: 0; 
   background: 0;
}

/*.accordian-elem.full.section-02 .linkimage a {
    margin-bottom: 0;
    background: none;
    background: url('/content/dam/goarmy/learn/static/arrow-link.png') no-repeat right 50%;
    padding: 0 15px 0 0;
    font-size: 13px;
}*/

.accordian-content .accordianelement.section {
    position: relative;
    padding: 15px 53px 1px 30px;
    border-radius: 0;
    margin: 30px 20px;
    min-height: 0;
    border-left: 2px solid #7e817b;
    border-right: 2px solid #7e817b;
    
    -webkit-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.25);
    box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.25);
}

.accordian-content .accordianelement.section h3 {
    color: #ffc94d;
    font-size: 14px;
    text-transform: uppercase;
}


.accordian-content .accordianelement.section .tti {
    margin-top: 20px;
}
.accordian-content .tti.top_border {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 2px solid #787b74;
}
.accordian-content .tti.top_border p {
    margin-bottom: 0;
    padding-right: 70px;
}

.accordian-content .accordianelement.section h2 {
    margin-bottom: 5px !important;
}
.accordian-content .accordianelement.section h2:after {
    display: none;
}

.accordian-content #jobsearch-wrapper {
    width: 506px;
    background: #50544b;
    border-radius: 5px;
    margin: 10px 0 15px;
}

.accordian-content #jobsearch-wrapper .heading {
    display: none;
}

.accordian-content #jobsearch-wrapper .search-content {
    width: 386px;
    padding: 25px 30px 25px 60px;
}

.accordian-content #jobsearch-wrapper input[type="radio"] {
    position: relative;
    z-index: 2;
    height: 22px;
    width: 22px;
    opacity: 0;
}

.accordian-content #jobsearch-wrapper input[type="radio"] + span {
    color: #c6c6c6;
    background: url('/content/dam/goarmy/learn/static/checkmark-1.jpg') no-repeat left;
    padding-left: 32px;
    margin-left: -30px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    position: relative;
    z-index: 1;
}
.accordian-content #jobsearch-wrapper input[type="radio"]:checked + span {
    color: #ffc94d;
    background: url('/content/dam/goarmy/learn/static/checkmark-2.jpg') no-repeat left;
}
.accordian-content #jobsearch-wrapper .form-section {
    border-bottom: 2px solid #61645c;
    padding-left: 10px;
    padding-bottom: 25px;
    margin-bottom: 30px;
}

.accordian-content #jobsearch-wrapper  .jquery-selectbox {
    position: relative;
    width: 250px !Important;
    height: 32px;
    border-top: 0;
    border-bottom: 0;
    border-left: 1px solid #656862;
    border-right: 1px solid #656862;
    border-radius: 0;
    background: #565a51;
    color: #ffc94d;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin-left: 10px;
    box-sizing: border-box;
    
    -webkit-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.25);
    box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.25);   
    
    background-image: url('/content/dam/goarmy/learn/static/arrow-down.png');
    background-repeat: no-repeat;
    background-position: 99% 9px;
}

.accordian-content #jobsearch-wrapper .jquery-selectbox-moreButton {
    display: none;
    border-left: 0;
    right: 10px;
    top: 10px;
    height: 14px;
    width: 12px;
    background: url('/content/dam/goarmy/learn/static/accordion-arrow.png') no-repeat right top;
}
.accordian-content #jobsearch-wrapper .jquery-selectbox-moreButton .morebuttonhover {
    background: url('/content/dam/goarmy/learn/static/accordion-arrow.png') no-repeat right top;
}

#jobsearch-wrapper .search-content form#jobSearch {
    padding-left: 10px;
    margin-top: 30px;
    padding-top: 35px;
}    
    
#jobsearch-wrapper .search-content form#jobSearch p.or {
    background: none;
    color: #bcbdba;
    left: 10px;
    width: auto;
    font-weight: 400;
    font-size: 14px;
    margin-top: 10px;
    top: 0;
}

#jobsearch-wrapper .search-content form#jobSearch input.simple-search-text {
    width: 240px !important;
    height: 22px;
    border-radius: 0;
    background: #565a51;
    color: #ffc94d;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    border-top: 0;
    border-bottom: 0;
    border-left: 1px solid #656862;
    border-right: 1px solid #656862;
    
    -webkit-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.25);
    box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.25); 
}

.accordian-content #contact-module .jquery-selectbox .jquery-selectbox-list {
    width: 267px !important;
    top: 32px;
 }
 
 #state-list {
     height: 35px;
     position: relative;
z-index: 5;
 }
 
 #state-list .jquery-selectbox {
     margin-top: 10px;
 }


.accordian-content form#jobSearch input.simple-search-text::placeholder {font-size: 11px !important;color: #ffc94d !important;}
.accordian-content form#jobSearch input.simple-search-text::-webkit-input-placeholder {font-size: 11px !important;color: #ffc94d !important;}
.accordian-content form#jobSearch input.simple-search-text:-moz-placeholder {font-size: 11px !important;color: #ffc94d !important;}
.accordian-content form#jobSearch input.simple-search-text::-moz-placeholder {font-size: 11px !important;color: #ffc94d !important;}
.accordian-content form#jobSearch input.simple-search-text:-ms-input-placeholder {font-size: 11px !important;color: #ffc94d !important;}


#jobsearch-wrapper #error-no-cat {
    position: relative;
    padding-left: 123px;
    margin-top: 12px;
}

body.mobile #jobsearch-wrapper #error-no-cat {
    position: absolute;
    padding-left: 15px;
    margin-top: 10px;
}

.search-error {
    color: #da4f22 !important;
}
.jquery-selectbox .jquery-selectbox-currentItem {
    padding: 4px 0px 0px 3px;
}

form#jobSearch .form-options.select-category {
    margin: 20px 0 25px;
    display: none;
}


form#selectCategoryForm .go-search {
    width: 62px;
    height: 31px;
    background: url('/content/dam/goarmy/learn/static/form-go-btn.jpg') no-repeat center;
    cursor: pointer;
    float: none;
    border: none;
}

#jobsearch-wrapper .search-content form#jobSearch .search {
    width: 101px;
    height: 31px;
    background: url('/content/dam/goarmy/learn/static/form-search-btn.jpg') no-repeat center;
}

#jobsearch-wrapper .search-content .search-links {
    margin: 20px 0 0;
    width: 140px;
}
#jobsearch-wrapper .search-content .search-links a {
    background: none;
    color: #c6c6c6 !important;
    text-transform: none; 
    font-size: 11px;
}

.related-vid-thumb {
    height: 144px;
    margin-top: 20px;
}

.related-vid-thumb a {
    font-size: 13px;
}
.accordian-content .related-vid-thumb a:first-child {
    position: relative;
    display: inline-block;
    width: 236px;
    height: 144px;
    float: left;
    background: none;
}

.accordian-content .related-vid-thumb a:first-child:hover span.play-button {
    opacity: 1;
}

.accordian-content .related-vid-thumb a:first-child img {
    width: 100%;
    border: 2px solid #61655c;
}

.accordian-content .related-vid-thumb .tab_vid_title {
    width: 50%;
    display: inline-block;
    margin-bottom: 3px; 
    text-transform: uppercase;
    font-size: 12px;
}

.tab_vid_desc, .related-vid-thumb div.tab_vid_desc {
    color: #c6c6c6;
    line-height: 16px;
    margin-bottom: 10px;
    width: 260px;
}

.wr_container {
    padding: 25px 45px;
    background: #50544b;
    border-radius: 5px;
}
.wr_container form {
    float: none;    
}

.wr_container  .radiogroup span, .wr_content .row label  {
    display: block;
    text-transform: uppercase;
}
.wr_content .radiogroup label  {
    margin-right: 12px;
}
.wr_container .radiogroup {
   width: 40%;
   display: inline-block;
   padding-left: 20px;
   margin-bottom: 25px;
}

.wr_content .row  {
    height: 85px;
    border-top: 2px solid #61645c;
    padding-top: 25px;
    padding-left: 20px;
}
.wr_content .row label {
     font-size: 18px;
     margin-bottom: 10px;
}
.wr_content .row span {
    text-transform: uppercase;
    color: #ffc648;   
    margin-left: 5px; 
    font-size: 14px;
}
.wr_content .row div {
   display: inline-block;
   float: left;
}
.wr_content .row #wr_height {
    margin-right: 50px;
}

.wr_container .radiogroup input[type="radio"] {
    position: relative;
    z-index: 2;
    height: 22px;
    width: 22px;
    opacity: 0;
}

.wr_container .radiogroup input[type="radio"] + label {
    color: #c6c6c6;
    background: url('/content/dam/goarmy/learn/static/checkmark-1.jpg') no-repeat left;
    padding-left: 32px;
    margin-left: -30px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    position: relative;
    z-index: 1;
}
.wr_container .radiogroup input[type="radio"]:checked + label {
    color: #ffc94d;
    background: url('/content/dam/goarmy/learn/static/checkmark-2.jpg') no-repeat left;
}

.wr_container label {
    color: #c6c6c6;
}
.wr_content .row input {
    position: relative;
    width: 40px;
    height: 30px;
    border-top: 0;
    border-bottom: 0;
    border-left: 1px solid #656862;
    border-right: 1px solid #656862;
    border-radius: 0;
    background: #565a51;
    color: #ffc94d;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin-left: 10px;
    text-align: center;
    font-size: 14px;
    
    -webkit-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.25);
    box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.25); 
}
input#wr_userHeightFeet {
    margin-left: 0;
}
#wr_results {
    padding-top: 25px;
    border-top: 2px solid #61645c;
}

input#wr_calculate {
    width: 125px;
    height: 31px;
    background: url('/content/dam/goarmy/learn/static/form-calculate-btn.jpg') no-repeat center;
    cursor: pointer;
    border: none;
    text-indent: -9999px;
}

.wr_content #wr_results input[type="text"]{
    width: 210px;
    background: #43473f;
    border-radius: 3px;
    color: #ffc648;
    text-transform: uppercase;
    text-align: center;
    border: none; 
    height: 31px;
    line-height: 31px;
    font-size: 12px;
    opacity: 1 !important;
    font-weight: 700;
}
#wr_results input {
    margin-left: 25px;
}
#wr_age {
    margin-left: 0;
}

.calc-note {
    font-size: 12px;
    color: #c6c6c6;
    margin-top: 10px;
    font-style: italic;
}

p.subhdsubsectxt {
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 0.05em;
    color: #fff !important;
    font-size: 12px;
    padding-bottom: 3px !important;
    font-weight: 400 !important;
}

.accordian-elem.full.section-04 .horizontal a {
    display: inline-block;
    margin-top: 10px;
}

.accordian-elem #contact-module .contact-us .contact-form {
    width: 100%;
    margin: 0;
    position: relative;
}

#contact-module {
    background: #50544b;
    height: 175px;
    padding: 20px;
    box-sizing: border-box;
    margin: 10px 0 -20px 0;
}
#contact-module div {
    margin: 0; padding: 0;
}

#contact-module .contact-title {
    display: none;
}

#contact-module .search-error {
    position: absolute;
    top: -17px;
}

.accordian-content #contact-module  .jquery-selectbox {
    position: relative;
    width: 250px !Important;
    height: 24px;
    border-top: 0;
    border-bottom: 0;
    border-left: 1px solid #656862;
    border-right: 1px solid #656862;
    border-radius: 0;
    background: #565a51;
    color: #ffc94d;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin-left: 0;
    z-index: 10;
    
    -webkit-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.25);
    box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.25);   
}

.accordian-content #contact-module .jquery-selectbox-moreButton {
    border-left: 0;
    right: 10px;
    top: 10px;
    height: 14px;
    width: 12px;
    background: url('/content/dam/goarmy/learn/static/accordion-arrow.png') no-repeat right top;
}
.accordian-content #contact-module .jquery-selectbox-moreButton.morebuttonhover {
    background: url('/content/dam/goarmy/learn/static/accordion-arrow.png') no-repeat right top !important;
}

.accordian-content  #contact-module .contact-us .contact-form input.text {
    width: 80px;
    position: relative;
    height: 23px;
    border-top: 0;
    border-bottom: 0;
    border-left: 1px solid #656862;
    border-right: 1px solid #656862;
    border-radius: 0;
    background: #565a51;
    color: #ffc94d;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin-left: 10px;
    text-align: center;
    font-size: 14px;
    
    -webkit-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.25);
    box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.25); 
}

.accordian-content #zip-code::placeholder {font-size: 11px !important;color: #ffc94d !important;}
.accordian-content #zip-code::-webkit-input-placeholder {font-size: 11px !important;color: #ffc94d !important;}
.accordian-content #zip-code:-moz-placeholder {font-size: 11px !important;color: #ffc94d !important;}
.accordian-content #zip-code::-moz-placeholder {font-size: 11px !important;color: #ffc94d !important;}
.accordian-content #zip-code:-ms-input-placeholder {font-size: 11px !important;color: #ffc94d !important;}


.accordian-content  #contact-module  h3#type {
    margin-top: 55px;
    font-size: 12px;
    font-weight: 200;
    text-transform: uppercase;
    margin-bottom: 0;
}

.accordian-content  #contact-module input[type="radio"] {
    position: relative;
    z-index: 2;
    height: 22px;
    width: 22px;
    opacity: 0;
}

.accordian-content  #contact-module input[type="radio"] + span {
    color: #c6c6c6;
    background: url('/content/dam/goarmy/learn/static/checkmark-1.jpg') no-repeat left;
    padding-left: 32px;
    margin-left: -30px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-right: 20px;
}
.accordian-content  #contact-module input[type="radio"]:checked + span {
    color: #ffc94d;
    background: url('/content/dam/goarmy/learn/static/checkmark-2.jpg') no-repeat left;
}

.accordian-content  #contact-module span {
    color: #4D4D4D;
}

.accordian-content  span.jquery-selectbox-currentItem {
    color: #ffc94d !Important;
}

.accordian-content  #contact-module .contact-us .contact-form .search {
    width: 101px;
    height: 31px;
    background: url('/content/dam/goarmy/learn/static/form-search-btn.jpg') no-repeat center;
    float: right;
}
.accordian-content  #contact-module .contact-us .contact-form .search:hover {
    background: url('/content/dam/goarmy/learn/static/form-search-btn.jpg') no-repeat center;
} 

.accordian-elem.full.section-06 .accordian-content .accordianelement.section {
    padding: 15px 53px 10px 30px;
}
.accordian-elem.full.section-06 .accordian-content .accordianelement.section a.accordion-arrow {
    top: 13px;
}

.accordian-elem.full.section-06 .titletextimage p a {
    display: inline-block;
    margin-top: 10px;
    font-size: 13px;
}
/* CQ ONLY STYLES */
.cq-wcm-edit .accordian .accordian-elem .accordian-body {
    display: block;
}


/* MOBILE STYLES */

body.mobile {
  background: #b7ad95;
  font-size: 0.75em;
}
body.mobile #page_content {
  border-radius: 0;
}
body.mobile #main_content .breadcrumb {
  display: none;
}
body.mobile .accordianelement.section p {
    line-height: 16px;
}
body.mobile .story_excerpt {
    font-size: 11px;
    overflow: hidden;
    margin-top: 30px;
    padding: 0;
}
body.mobile .story_excerpt ul li {
    font-size: 100%;
    margin: 0px 0px 4px 0px;
}
body.mobile .accordianelement.section .story_excerpt h3 {
    color: #fff !important;
    font-size: 13px;
    font-weight: 400;
    position: relative;
    display: block;
    margin-bottom: -5px !important;
    padding: 0;
}
body.mobile .accordianelement.section .story_excerpt h3:after {
    content: "";
    position: absolute;
    display: inline-block;

    border-bottom: 2px solid #767a73;
    width: 600px;
    margin: 6px 0 0 5px;
}
body.mobile .accordianelement .accordian-body.inset .story_excerpt h3:after {
    display: none;
}
body.mobile #channelWrapper {
  width: 100%;
  min-width: 100%;
}
body.mobile #site_wrapper {
  padding-top: 0;
  width: 100%;
}
body.mobile #main_content {
  border-left: none !important;
  width: 100%;
}
body.mobile #page_content {
  margin-top: 0;
  width: 100%;
  overflow-x: hidden;
}
body.mobile div#topNavigation,
body.mobile #left,
body.mobile .footer {
  display: none;
}
body.mobile #headerImg {
  width: 100% !important;
}
body.mobile .section.header.globalcomponent .heading-copy {
  top: 22%;
  margin-left: -140px;
}
body.mobile .section.header.globalcomponent .heading-copy h1 {
  font-size: 25px;
  font-weight: normal;
  line-height: 30px;
  margin-top: 0;
}
body.mobile .section.header.globalcomponent .heading-copy h1:after {
  width: 280px;
  margin: 0 auto;
}
body.mobile .section.header.globalcomponent .heading-copy h3 {
  font-size: 11px;
  line-height: 14px;
  margin-top: 4px;
  padding: 0;
  font-weight: normal;
}
body.mobile #main_content .content {
  padding: 0;
}
body.mobile .accordianelement.section {
  border-radius: 0;
  min-height: 50px;
  max-height: 50px;
  overflow: hidden;
  transition: 0.5s max-height;
}
body.mobile .accordian-elem.full.section-04 .accordian-header-full h3,
body.mobile .accordian-elem.full.section-06 .accordian-header-full h3 {
  width: 160px;
  margin-top: -9px;
}
body.mobile .accordianelement.section .accordianelement.section {
  max-height: 5000px;
}
body.mobile .accordianelement.section.mobile-height {
  max-height: 8000px;
}
body.mobile .accordianelement.section .num {
  top: 10px;
  left: 15px;
  font-size: 35px;
  height: 30px;
  line-height: 30px;
  padding-right: 10px;
}
body.mobile .accordian-content .accordianelement.section .accordian-elem.inset,
body.mobile .accordian-content .accordianelement.section .accordian-elem.inset h3 {
  font-size: 11px;
}
body.mobile .accordian .accordian-elem .accordian-body {
  display: block;
}
body.mobile .accordian-elem.inset .accordian-body {
  display: none;
}
body.mobile .accordianelement.section {
    background: #565a52;
}
body.mobile .accordianelement.section,
body.mobile .accordianelement.section:nth-child(3),
body.mobile .accordianelement.section:nth-child(4) {
  padding: 19px 15px;
}
body.mobile .accordianelement.section .accordian-header-full h3 {
  margin: 0 0 30px 0;
  font-size: 14px;
  padding-left: 60px;
  line-height: 14px;
  font-weight: normal;
}
body.mobile .accordian-content #jobsearch-wrapper {
  width: 100%;
  box-sizing: border-box;
}
body.mobile .accordian-content #jobsearch-wrapper .search-content {
  width: 100%;
  box-sizing: border-box;
}
body.mobile .related-vid-thumb {
  height: auto;
}
body.mobile .accordian-content .related-vid-thumb a:first-child {
  width: 100%;
  height: auto;
  float: none;
}
body.mobile .accordian-content .related-vid-thumb .tab_vid_title {
  display: block;
  width: 100%;
}
body.mobile .accordian-elem.full .related-vid-thumb div.tab_vid_desc {
  float: none;
  width: 100% !important;
}
body.mobile .accordianelement.section .tti.no_pad img {
  width: 100%;
  float: none;
}
body.mobile .accordianelement.section .tti .horizontal p {
  padding-left: 0;
}
body.mobile .accordian-content #jobsearch-wrapper .search-content {
  padding: 15px 10px;
}
body.mobile .accordian-content #jobsearch-wrapper .jquery-selectbox,
body.mobile #jobsearch-wrapper .search-content form#jobSearch input.simple-search-text,
body.mobile .accordian-content form .form-options {
  width: 100% !important;
    margin-right: 100px;
}
body.mobile #jobsearch-wrapper .search-content form#jobSearch {
  margin-top: 0;
}
body.mobile .accordian-content .accordianelement.section,
body.mobile .accordian-elem.full.section-03 .accordian-content .accordianelement.section,
body.mobile .accordian-elem.full.section-06 .accordian-content .accordianelement.section {
  margin: 0px 0px 15px;
  padding: 15px 10px 7px 10px;
}

body.mobile .accordian-content .accordian-header-inset .heading {
    padding-right: 20px;
}
body.mobile .wr_container {
  padding: 15px 15px;
}
body.mobile #wr_results input {
  margin-left: 0;
}
body.mobile .wr_container .radiogroup span,
body.mobile .wr_content .row label {
  display: inline-block;
  width: 60px;
  font-size: 12px;
}
body.mobile .wr_content #wr_results input[type="text"] {
  width: 100%;
}
body.mobile .wr_content .row {
  width: 100%;
  padding-left: 0;
  height: 130px;
}
body.mobile .wr_content .row span {
  font-size: 12px;
}
body.mobile .wr_content .row input {
  width: 40px;
  height: 42px;
  padding: 0;
}
body.mobile .wr_content .row div {
  margin: 0 auto;
  width: 250px;
  display: block;
  float: none;
}
body.mobile .wr_content .row #wr_height {
  margin: 0 auto;
  margin-bottom: 20px;
}
body.mobile .wr_content #wr_calculate {
  margin-bottom: 20px;
}
body.mobile .wr_container .radiogroup {
  width: 250px;
  padding-left: 0;
  margin: 0 auto;
  display: block;
  margin-bottom: 20px;
}
body.mobile .wr_container .radiogroup input[type="radio"],
body.mobile .accordian-content #jobsearch-wrapper input[type="radio"],
body.mobile .accordian-content #contact-module input[type="radio"] {
  height: 42px;
  width: 44px;
}
body.mobile .wr_container .radiogroup input[type="radio"] + label,
body.mobile .accordian-content #jobsearch-wrapper input[type="radio"] + span,
body.mobile .accordian-content #contact-module input[type="radio"] + span {
  background: url('/content/dam/goarmy/learn/static/checkmark-m-2.jpg') no-repeat top;
  padding-top: 52px;
  padding-left: 0;
  width: 44px;
  margin-left: -34px;
  text-align: center;
  margin-right: 40px;
  background-size: contain;
}
body.mobile .wr_container .radiogroup input[type="radio"] + label {
  margin-left: -49px;
}
body.mobile .wr_container .radiogroup input[type="radio"]:checked + label,
body.mobile .accordian-content #jobsearch-wrapper input[type="radio"]:checked + span,
body.mobile .accordian-content #contact-module input[type="radio"]:checked + span {
  background: url('/content/dam/goarmy/learn/static/checkmark-m-1.jpg') no-repeat top;
  background-size: contain;
}
body.mobile .accordian-content #contact-module .jquery-selectbox {
  width: 100% !Important;
}
body.mobile .wr_container .radiogroup span {
  position: relative;
  top: -40px;
}
body.mobile .accordian-content #jobsearch-wrapper .form-section,
body.mobile #jobsearch-wrapper .search-content form#jobSearch {
  padding-left: 0;
}
body.mobile .accordian-content #jobsearch-wrapper input[type="radio"] + span {
  width: 50px;
  font-size: 10px;
  margin-right: 8px;
  white-space: nowrap;
}
body.mobile .accordian-content #jobsearch-wrapper .jquery-selectbox {
  margin-left: 0;
  margin-bottom: 20px;
  margin-top: 35px;
  padding-left: 5px;
  -webkit-appearance: none !important;
  background-image: url('/content/dam/goarmy/learn/static/arrow-down.png');
  background-repeat: no-repeat;
  background-position: 99% 9px;

}
body.mobile .accordian-content #jobsearch-wrapper input[type="radio"] {
  bottom: 28px;
  left: 10px;
}
body.mobile #jobsearch-wrapper .search-content form#jobSearch p.or {
  top: 0px;
  position: relative;
  left: 0;
  margin-top: 0;
}
body.mobile #jobsearch-wrapper .search-content form#jobSearch .search {
  margin-left: 0;
  margin-bottom: 20px;
  float: left;
  border: none;
}
body.mobile #jobsearch-wrapper .search-content form#jobSearch input.simple-search-text {
  margin-bottom: 20px;
  box-sizing: border-box;
  height: 32px;
  padding-left: 5px;
}
body.mobile .accordian-content #jobsearch-wrapper .form-options span:nth-child(4) {
  text-indent: -5px;
}
body.mobile .accordian-content #jobsearch-wrapper #selectCategoryForm {
  border-bottom: 2px solid #61645c;
  padding-left: 10px;
  padding-bottom: 25px;
  margin-bottom: 90px;
  padding: 0;
  float: none;
}
body.mobile .accordian-content #jobsearch-wrapper .form-section {
  float: none;
  border-bottom: none;
  width: 260px;
  margin: 0 auto;
}
body.mobile .accordian-content #jobsearch-wrapper .search-content .search-links {
  float: none;
}
body.mobile .accordian-content #contact-module .contact-us #zip-code {
  float: none;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  height: 32px;
  padding-left: 5px;
}
body.mobile .accordian-content #contact-module .jquery-selectbox {
  height: 32px;
  box-sizing: border-box;
  margin-bottom: 20px;
  padding-left: 5px;
  background-image: url('/content/dam/goarmy/learn/static/arrow-down.png');
    background-repeat: no-repeat;
    background-position: 99% 9px;
}
body.mobile .accordian-content #contact-module {
  height: 300px;
  padding: 25px 10px;
}
body.mobile .accordian-content #contact-module div#active-reserve-buttons {
  position: relative;
  border-top: 2px solid #61645c;
  margin-top: 20px;
  margin-bottom: 20px;
  min-height: 50px;
  width: 100%;
  box-sizing: border-box;
}
body.mobile .accordian-content #contact-module div#active-reserve-buttons .inner-active-reserve-buttons {
  width: 260px;
  margin: 0 auto;
  margin-top: 20px;
  height: 80px;
}
body.mobile .accordian-content #contact-module h3#type {
  margin-top: 8px;
  margin-right: 6px;
  width: 60px;
  float: left;
}
body.mobile .accordian-content #contact-module .contact-us .contact-form .search {
  float: left;
  margin-left: 0;
  border: none;
}
body.mobile .accordian-content .form-options.opt-radio {
  float: left;
  width: auto !important;
}
body.mobile .accordian-content #contact-module input[type="radio"] + span {
  white-space: nowrap;
  margin-right: 20px;
}
body.mobile .accordian-content #contact-module .form-options.opt-radio span:nth-child(2) {
  text-indent: -8px;
}
body.mobile .accordian-content #contact-module .form-options.opt-radio span:nth-child(4) {
  text-indent: -14px;
}
body.mobile .accordian-content #contact-module input[type="radio"] {
  bottom: 25px;
  left: 12px;
}    

body.mobile .accordian-content .accordianelement.section .story_excerpt h3 {
    color: #fff;
    padding: 0;
    margin-top: 20px;
}

body.mobile .story_excerpt img {
    width: 100%;
}

body.mobile .accordian-elem.section-01 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(5),
body.mobile .accordian-elem.section-02 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(4),
body.mobile .accordian-elem.section-03 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(7),
body.mobile .accordian-elem.section-04 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(9),
body.mobile .accordian-elem.section-05 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(5),
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(21)  {
    margin-top: 40px;
    padding-top: 10px;
    border-top: 2px solid #787b74;
}

body.mobile .accordian-elem.section-01 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(5) .story_excerpt,
body.mobile .accordian-elem.section-02 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(4) .story_excerpt,
body.mobile .accordian-elem.section-03 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(7) .story_excerpt,
body.mobile .accordian-elem.section-04 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(9) .story_excerpt,
body.mobile .accordian-elem.section-05 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(5) .story_excerpt,
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(21) .story_excerpt{
    margin: 0;
}
body.mobile .accordian-elem.section-01 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(5) h4,
body.mobile .accordian-elem.section-02 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(4) h4,
body.mobile .accordian-elem.section-03 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(7) h4,
body.mobile .accordian-elem.section-04 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(9) h4,
body.mobile .accordian-elem.section-05 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(5) h4,
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(21) h4{
   font-size: 11px;
   color: #c6c6c6;
   padding: 0 26px 0 0;
   font-weight: normal;
}

body.mobile .accordian-elem.section-01 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(5) p,
body.mobile .accordian-elem.section-02 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(4) p,
body.mobile .accordian-elem.section-03 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(7) p,
body.mobile .accordian-elem.section-04 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(9) p,
body.mobile .accordian-elem.section-05 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(5) p,
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(21) p{
   margin: 0;
   line-height: 0;
}

body.mobile .accordian-elem.section-02 .accordian-content .parbase.linkimage.section.globalcomponent:nth-of-type(2) {
   height: 80px;
}

body.mobile .accordian-elem.section-04 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(7) .story_excerpt {
    margin-top: 50px;        
}
body.mobile .accordian-elem.section-04 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(8) .story_excerpt {
    margin-top: 0;        
}
body.mobile .accordian-elem.section-04 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(8) .story_excerpt h4,
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(7) .story_excerpt h4,
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(8) .story_excerpt h4,
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(9) .story_excerpt h4,
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(10) .story_excerpt h4,
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(11) .story_excerpt h4,
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(12) .story_excerpt h4,
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(13) .story_excerpt h4 {
    padding: 0;
    font-size: 12px;
}
body.mobile .accordian-elem.section-04 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(8) .story_excerpt p,
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(7) .story_excerpt p,
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(8) .story_excerpt p,
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(9) .story_excerpt p,
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(10) .story_excerpt p,
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(11) .story_excerpt p,
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(12) .story_excerpt p,
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(13) .story_excerpt p {
    margin: 0;
}
body.mobile .accordian-elem.section-04 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(8) .story_excerpt a,
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(7) .story_excerpt a,
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(8) .story_excerpt a,
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(9) .story_excerpt a,
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(10) .story_excerpt a,
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(11) .story_excerpt a,
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(12) .story_excerpt a,
body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(13) .story_excerpt a {
    margin-top: 10px !important;
    text-decoration: none;
}

body.mobile .accordian-elem.section-02 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(3) p a {
    margin-top: 10px !important;
}

body.mobile .accordian-elem.section-03 .accordian-content .accordianelement:nth-of-type(6) {
    margin-top: 30px !important;
}

body.mobile .accordian-elem.section-06 .accordian-content .parbase.section.titletextimage.globalcomponent:nth-of-type(11) .story_excerpt {    
    height: 14px;   
    margin-bottom: -20px;
}

body.mobile .accordian-elem.section-03 .accordian-content .accordian-elem .story_excerpt a {
    font-weight: normal;
    font-size: 11px !important; 
}

.accordian-elem.section-02 .parbase.linkimage.section.globalcomponent:nth-of-type(2) a{
    margin: 10px 0 5px 0;
}

.accordian-elem.section-06 u {
    text-decoration: none;
}

.cta-prequalifier {
    display: none;
}

body.mobile .cta-prequalifier {
    display: block;
    text-align: center;
    color: #555a54;
}

body.mobile .cta-prequalifier a {
    background: url('/content/dam/goarmy/learn/static/arrow-link.png') no-repeat 90% 50%;
    background-color: #50544b;
    padding: 10px 40px 10px 15px;
    border-radius: 5px;
    display: inline-block;
    color: #ffc94d;
    text-transform: uppercase;
    text-decoration: none;
    margin: 10px 0;
}

@media (max-width: 555px) {
    .wr_container .radiogroup {
        /*width: 100%;*/
    }
}



/*!
Video.js Default Styles (http://videojs.com)
Version 4.1.0
*/

/*
REQUIRED STYLES (be careful overriding)
================================================================================ */
/* When loading the player, the video tag is replaced with a DIV,
   that will hold the video tag or object tag for other playback methods.
   The div contains the video playback element (Flash or HTML5) and controls, and sets the width and height of the video.

   ** If you want to add some kind of border/padding (e.g. a frame), or special positioning, use another containing element.
   Otherwise you risk messing up control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and easily calculable. */
  font-size: 10px;
  /* Allow poster to be vertially aligned. */
  vertical-align: middle;
  /*  display: table-cell; */ /*This works in Safari but not Firefox.*/

  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;
}

/* Playback technology elements expand to the width/height of the containing div.
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when checking fullScreenEnabled. */
.video-js:-moz-full-screen { position: absolute; }

/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto; /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
}
.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  _position: absolute; /* IE6 Full-window (underscore hack) */
}
.video-js:-webkit-full-screen {
  width: 100% !important; height: 100% !important;
}

/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}

/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  left: 1em; /* Leave padding on left and right */
  right: 1em;
  font-family: Arial, sans-serif;
}
/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.50);
}
.video-js .vjs-subtitles { color: #fff; } /* Subtitles are white */
.video-js .vjs-captions { color: #fc6; } /* Captions are yellow */
.vjs-tt-cue { display: block; }

/* Fading sytles, used to fade control bar. */
.vjs-fade-in {
  display: block !important;
  visibility: visible; /* Needed to make sure things hide in older browsers too. */
  opacity: 1;

  -webkit-transition: visibility 0.1s, opacity 0.1s;
     -moz-transition: visibility 0.1s, opacity 0.1s;
      -ms-transition: visibility 0.1s, opacity 0.1s;
       -o-transition: visibility 0.1s, opacity 0.1s;
          transition: visibility 0.1s, opacity 0.1s;
}
.vjs-fade-out {
  display: block !important;
  visibility: hidden;
  opacity: 0;

  -webkit-transition: visibility 1.5s, opacity 1.5s;
     -moz-transition: visibility 1.5s, opacity 1.5s;
      -ms-transition: visibility 1.5s, opacity 1.5s;
       -o-transition: visibility 1.5s, opacity 1.5s;
          transition: visibility 1.5s, opacity 1.5s;

  /* Wait a moment before fading out the control bar */
  -webkit-transition-delay: 2s;
     -moz-transition-delay: 2s;
      -ms-transition-delay: 2s;
       -o-transition-delay: 2s;
          transition-delay: 2s;
}
/* Hide disabled or unsupported controls */
.vjs-timeline-skin .vjs-hidden { display: none; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

/* DEFAULT SKIN (override in another file to create new skins)
================================================================================
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. You can remove all these styles by removing the 'vjs-default-skin' class from the tag. */

/* Base UI Component Classes
-------------------------------------------------------------------------------- */
@font-face{
  font-family: 'VideoJS';
  src: url('font/vjs.eot');
  src: url('font/vjs.eot?#iefix') format('embedded-opentype'),
  url('font/vjs.woff') format('woff'),
  url('font/vjs.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.vjs-timeline-skin {
  color: #ccc;
}

/* Slider - used for Volume bar and Seek bar */
.vjs-timeline-skin .vjs-slider {
  outline: 0; /* Replace browser focus hightlight with handle highlight */
  position: relative;
  cursor: pointer;
  padding: 0;

  background: rgb(50, 50, 50); /* IE8- Fallback */
  background: rgba(100, 100, 100, 0.5);
}

.vjs-timeline-skin .vjs-slider:focus {
  background: rgb(70, 70, 70); /* IE8- Fallback */
  background: rgba(100, 100, 100, 0.70);

  -webkit-box-shadow: 0 0 2em rgba(255, 255, 255, 1);
     -moz-box-shadow: 0 0 2em rgba(255, 255, 255, 1);
          box-shadow: 0 0 2em rgba(255, 255, 255, 1);
}



/* Control Bar
-------------------------------------------------------------------------------- */

.vjs-timeline-skin .vjs-controls {
    position: absolute;
    width: 460px;
    bottom: 10px;
    left: 84px;
    background: url(/content/dam/goarmy/learn/static/videojs/controls-bg.png) repeat;
    border-radius: 4px;
}

body.fullscreen-video .vjs-timeline-skin .vjs-controls{
    width:100%;
    left: 0;
}

/* The default control bar. Created by controls.js */
.vjs-timeline-skin .vjs-control-bar {
  display: none; /* Start hidden */
  position: absolute;
  width: 470px;
  /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
  bottom: 10px;
  right: 10px;
  /* Controls are absolutely position, so no padding necessary */
  padding: 0;
  margin: 0;
  /* Height includes any margin you want above or below control items */
  height: 3.0em;
  background: url(/content/dam/goarmy/learn/static/videojs/controls-bg.png) repeat;
  /* Default font settings */
  font-style: normal;
  font-weight: normal;
  font-family: Arial, sans-serif;
  border-radius: 5px;
}

/* General styles for individual controls. */
.vjs-timeline-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3.0em;
  width: 4em;
}

/* FontAwsome button icons */
.vjs-timeline-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

/* Replacement for focus outline */
.vjs-timeline-skin .vjs-control:focus:before,
.vjs-timeline-skin .vjs-control:hover:before {
  text-shadow: 0em 0em 1em rgba(255, 255, 255, 1);
}

.vjs-timeline-skin .vjs-control:focus { /*  outline: 0; */ /* keyboard-only users cannot see the focus on several of the UI elements when this is set to 0 */ }

/* Hide control text visually, but have it available for screenreaders: h5bp.com/v */
.vjs-timeline-skin .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-timeline-skin .vjs-play-control {
  width: 5em;
  cursor: pointer;
  left: -70px;
  width: 59px;
  height: 30px;
  background: url(/content/dam/goarmy/learn/static/videojs/play-btn.png) 0 -30px no-repeat;
}

body.fullscreen-video .vjs-timeline-skin .vjs-play-control {
    left: 0;
}

.vjs-timeline-skin.vjs-playing .vjs-play-control {
    background: url(/content/dam/goarmy/learn/static/videojs/play-btn.png) 0 0 no-repeat;
}

/* Rewind
-------------------------------------------------------------------------------- */
/*.vjs-timeline-skin .vjs-rewind-control { width: 5em; cursor: pointer !important; }
.vjs-timeline-skin .vjs-rewind-control div { width: 19px; height: 16px; background: url('video-js.png'); margin: 0.5em auto 0; }
*/

/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-timeline-skin .vjs-mute-control,
.vjs-timeline-skin .vjs-volume-menu-button {
  position: absolute;
  top: 7px;
  right: 35px;
  cursor: pointer;
  width: 14px;
  height: 15px;
  background: url(/content/dam/goarmy/learn/static/videojs/controls.png) left no-repeat;
}


.vjs-timeline-skin .vjs-volume-control {
  display: none; 
  position: absolute;
  width: 100px;
  height: 45px;
  top: -25px;
  padding-top: 10px;
  right: 5px; 
}
.vjs-timeline-skin .vjs-volume-bar {
  width: 100px;
  margin: 0 auto;
  height: 15px;
  background: url(/content/dam/goarmy/learn/static/videojs/controls-bg.png) repeat;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
}

.vjs-timeline-skin .vjs-volume-menu-button .vjs-menu-content {
  height: 2.9em;
}

.vjs-timeline-skin .vjs-volume-level {
  position: absolute;
  top: 16px;
  left: 10px;
  max-width: 80px;
  height: 6px;
  background: #fff;
}
.vjs-timeline-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
}

.vjs-timeline-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;

  width: 1em;
  height: 1em;
}

.vjs-timeline-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  width: 6em;
  left: -4em;
}

/*.vjs-timeline-skin .vjs-menu-button .vjs-volume-control {
  height: 1.5em;
}*/

/* Progress
-------------------------------------------------------------------------------- */
.vjs-timeline-skin .vjs-progress-control {
  position: absolute;
  left: 8px;
  right: 0;
  width: 330px;
  font-size: 0.3em;
  height: 5px;
  /* Set above the rest of the controls. */
  top: 12px;
  cursor: pointer;
}

body.fullscreen-video .vjs-timeline-skin .vjs-progress-control {
  left: 90px;
} 

/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-timeline-skin .vjs-progress-holder {
  /* Placement within the progress control item */
  height: 5px;
  width: 100%;
}

/* Progress Bars */
.vjs-timeline-skin .vjs-progress-holder .vjs-play-progress,
.vjs-timeline-skin .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}

.vjs-timeline-skin .vjs-play-progress {
  background: #ffd530;
}
.vjs-timeline-skin .vjs-load-progress {
  background: #626262;
}

.vjs-timeline-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%;
}

.vjs-seek-handle.vjs-slider-handle{display: none;}
.vjs-timeline-skin .vjs-seek-handle:before {
  padding-top: 0.1em; /* Minor adjustment */
}

/* Time Display
-------------------------------------------------------------------------------- */
.vjs-timeline-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em;
}
.vjs-timeline-skin .vjs-current-time { 
  position: absolute;
  top: 0;
  right: 85px;
}
.vjs-timeline-skin .vjs-duration { 
  position: absolute;
  right: 50px;
  top: 0;
}
/* Remaining time is in the HTML, but not included in default design */
.vjs-timeline-skin .vjs-remaining-time { 
  display: none; 
  position: absolute;
  top: 0;
  right: 60px;
}
.vjs-time-divider { 
  position: absolute;
  top: 0;
  right: 85px;
  line-height: 3em; 
}


/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-timeline-skin .vjs-fullscreen-control {
  position: absolute;
  width: 3.8em;
  cursor: pointer;
 right: 10px;
 top: 8px;
  width: 12px;
  height: 12px;
  background: url(/content/dam/goarmy/learn/static/videojs/controls.png) right no-repeat;
  z-index: 10;
}

.vjs-timeline-skin.vjs-fullscreen .vjs-control-bar {
    bottom: 20px;
    width: 100%;  
}

.vjs-timeline-skin.vjs-fullscreen .vjs-control-bar .vjs-progress-control {
  left: 60px;
  width: 100%;
  padding-right: 200px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.vjs-timeline-skin.vjs-fullscreen .vjs-control-bar .vjs-play-control {left: 0;}


/* Big Play Button (at start)
---------------------------------------------------------*/
.vjs-timeline-skin .vjs-big-play-button {
  display: none !important;
  z-index: 2;
  position: absolute;
  top: 2em;
  left: 2em;
  width: 12.0em;
  height: 8.0em;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;

  /* Need a slightly gray bg so it can be seen on black backgrounds */
  background-color: rgb(40, 40, 40);
  background-color: rgba(7, 40, 50, 0.7);

  border: 0.3em solid rgb(50, 50, 50);
  border-color: rgba(255, 255, 255, 0.25);

  -webkit-border-radius: 25px;
     -moz-border-radius: 25px;
          border-radius: 25px;

  -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
     -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
          box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);

  -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s, -webkit-transform 0.4s;
     -moz-transition: border 0.4s,    -moz-box-shadow 0.4s,    -moz-transform 0.4s;
       -o-transition: border 0.4s,      -o-box-shadow 0.4s,      -o-transform 0.4s;
          transition: border 0.4s,         box-shadow 0.4s,         transform 0.4s;
}

.vjs-timeline-skin:hover .vjs-big-play-button,
.vjs-timeline-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: rgb(255, 255, 255);
  border-color: rgba(255, 255, 255, 1);
  /* IE8 needs a non-glow hover state */
  background-color: rgb(80, 80, 80);
  background-color: rgba(50, 50, 50, 0.75);

  -webkit-box-shadow: 0 0 3em #fff;
     -moz-box-shadow: 0 0 3em #fff;
          box-shadow: 0 0 3em #fff;

  -webkit-transition: border 0s, -webkit-box-shadow 0s, -webkit-transform 0s;
     -moz-transition: border 0s,    -moz-box-shadow 0s,    -moz-transform 0s;
       -o-transition: border 0s,      -o-box-shadow 0s,      -o-transform 0s;
          transition: border 0s,         box-shadow 0s,         transform 0s;
}

.vjs-timeline-skin .vjs-big-play-button:before {
  content: "\e001"; /* Play icon */
  font-family: VideoJS;
  font-size: 3em;
  line-height: 2.66;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center; /* Needed for IE8 */

  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Loading Spinner
---------------------------------------------------------*/
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;



  width: 41px;
  height: 41px;

  margin-left: -20px;
  margin-top: -20px;

  background: url(/content/dam/goarmy/learn/static/videojs/loading.gif);
  opacity: 0.75;


}

.vjs-playing .vjs-loading-spinner{
    display:none !important;
    visibility: hidden !important;
}

/* Menu Buttons (Captions/Subtitles/etc.)
-------------------------------------------------------------------------------- */
.vjs-timeline-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
}

.vjs-timeline-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em; /* (Width of vjs-menu - width of button) / 2 */
  width: 0em;
  height: 0em;
  margin-bottom: 3em;

  border-left: 2em solid transparent;
  border-right: 2em solid transparent;

  border-top: 1.55em solid rgb(0, 0, 0); /* Same top as ul bottom */
  border-top-color: rgba(7, 40, 50, 0.5); /* Same as ul background */
}

/* Button Pop-up Menu */
.vjs-timeline-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0; margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em; /* Same bottom as vjs-menu border-top */
  max-height: 15em;
  overflow: auto;

  left: -5em; /* Width of menu - width of button / 2 */

  background-color: rgb(0, 0, 0);
  background-color: rgba(7, 40, 50, 0.7);

  -webkit-box-shadow: -20px -20px 0px rgba(255, 255, 255, 0.5);
     -moz-box-shadow: 0 0 1em rgba(255, 255, 255, 0.5);
          box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}

/*.vjs-timeline-skin .vjs-menu-button:focus ul,*/ /* This is not needed because keyboard accessibility for the caption button is not handled with the focus any more. */
.vjs-timeline-skin .vjs-menu-button:hover .vjs-menu {
  display: block;
}
.vjs-timeline-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  font-weight: normal;
  text-align: center;
  text-transform: lowercase;
}
.vjs-timeline-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}
.vjs-timeline-skin .vjs-menu-button ul li:focus,
.vjs-timeline-skin .vjs-menu-button ul li:hover,
.vjs-timeline-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-timeline-skin .vjs-menu-button ul li.vjs-selected:hover {
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.75);
  color: #111;
  outline: 0;

  -webkit-box-shadow: 0 0 1em rgba(255, 255, 255, 1);
     -moz-box-shadow: 0 0 1em rgba(255, 255, 255, 1);
          box-shadow: 0 0 1em rgba(255, 255, 255, 1);
}
.vjs-timeline-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

/* Subtitles Button */
.vjs-timeline-skin .vjs-subtitles-button:before { content: "\e00c"; }

/* There's unfortunately no CC button in FontAwesome, so we need
    to use another font. Please +1 the fontawesome request.
    https://github.com/FortAwesome/Font-Awesome/issues/968 */
.vjs-timeline-skin .vjs-captions-button:before {
  content: "\e008";
}


/* Replacement for focus outline */
.vjs-timeline-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-timeline-skin .vjs-captions-button:hover .vjs-control-content:before {
  -webkit-box-shadow: 0 0 1em rgba(255, 255, 255, 1);
     -moz-box-shadow: 0 0 1em rgba(255, 255, 255, 1);
          box-shadow: 0 0 1em rgba(255, 255, 255, 1);
}