/* CSS Reset */
html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, blockquote, a, 
address, em, font, img, ins, strike, strong, 
b, u, i, dl, dt, dd, ol, ul, li,fieldset, form, label  {margin:0;padding:0;border:0;outline:0;}
ul, li {list-style: none;}
blockquote, q {quotes: none;}

/* Global */
body {margin:0;padding:0;font-family: Arial, sans-serif;color:#636363;-webkit-text-size-adjust:none;}
#container {width: 100%;margin:0 auto;}
body#home {background-color: #636363;}

.nomar {margin:0;} 
.nopad {padding:0;}
.clear {clear:both;}
.left {float:left}
.right {float:right}
.lowres {width:50%;height:auto;}

a {color: #185C81;}
a:hover {color: #185C81};

h2 {font-family: Arial, sans-serif;font-weight:bold;font-size: 18px;padding:10px 10px 5px 10px;}
h3 {padding:10px 10px 0px 0px;font-size:14px;}
h4 {padding:10px 10px 0px 0px;}
hr {color:#d1d1d1;background-color:#d1d1d1;border:none;height:1px;}


/* Image resizers for low-res 320px width devices */
@media screen and (min-width: 320px)
{ 
    .lead-low, .pngFix { width:320px;height:auto; } /* resizes hi-res lead images and marquee images for mission pages */
    .story-low  { width:149px;height:auto; } /* resizes basic .story_excerpt thumb */
} 

.tout-low { width:101px;height:auto; } /* resizes homepage .tout .thumb */
.section-low { width:76px;height:auto; } /* resizes channel & mission .section_thumb */

/* Header */
#header {height:55px;width:100%;background-repeat:repeat-x;background-image: url('/static/images/mobile/header_bg.gif');}
#header .logo {position:absolute;top:7px;left:7px;}
#header .logo img {width: 30.5px;height: 38.5px;}
#header .header_text {position:absolute;top:5px;left:48px;width:145px;}
#header .header_text img {width:145px;}

#header .talk_link a {background-position: center left; background-image: url('/static/images/mobile/talk_bubble.png');background-repeat: no-repeat;width:auto;}
#header .talk_link a {text-transform: uppercase;text-decoration:underline;color:#ffd530;font-weight: bold;position:absolute;left:208px;top:18px;font-size: 80%;text-indent:18px;} 

/* Sub Header/Global Search */
#sub_header, #search {height:38px;background-image:url('/static/images/mobile/sub_header_bg.gif');background-repeat:repeat-x}
#sub_header .home_button, #search .home_button {margin:5px 7px;vertical-align: middle;width:26px;height:26px;float:left;} 
.searchstandalone form, .searchstandalone .home_button {float: left;}
.searchstandalone .search_field {width:225px;}
#sub_header .back_button  {margin:5px 7px;vertical-align: middle;width:62px;height:27px;float:left;}
#sub_header .title, #sub_header .titleWrap, #sub_header .titleDoubleWrap {color:#fff;text-transform: uppercase;font-family: Arial, sans-serif;font-weight:bold;position:relative;top:2px;font-size:80%;float:left;top:12px;}
#sub_header .titleWrap {display: block; position: relative;top: 2px;left:4px;width: 241px;}
#sub_header .titleDoubleWrap {display: block; left: 4px;position: relative;top: 2px;width: 240px;font-size:65%;}

#mob-hp-slider {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    overflow: hidden;
}

/* Home */
#mob-hp-slider .swiper-wrapper {
    width: 4000px;   
}

#mob-hp-slider .swiper-wrapper .swiper-slide {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    letter-spacing: 0.8px;
}

#mob-hp-slider .swiper-wrapper .swiper-slide img {
    width: 100%;
}

#mob-hp-slider .marqLink { 
    position: absolute;
    display: block;
    width: 25%;
    padding: 20px;
    cursor: pointer;
}

#mob-hp-slider .pagination {
    position: absolute;
    z-index: 20;
    left: 10px;
    bottom: 8px;
}

#mob-hp-slider .pagination .left-arrow {
    background-image:url('/static/images/mobile/arrow-left.png');
    height: 20px;
    width: 20px;
    float: left;
    background-size: 100%;
    cursor: pointer;    
    margin: -2px 10px 0 0;
}

#mob-hp-slider .pagination .right-arrow {
    background-image:url('/static/images/mobile/arrow-right.png');
    height: 20px;
    width: 20px;
    float: right;
    background-size: 100%;
    cursor: pointer;   
    margin: -2px 10px 0 0;
}

#mob-hp-slider .pagination .swiper-pagination-switch {
    position: relative;
    float: left;
    margin: 0 13px 0 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
}

#mob-hp-slider .pagination .swiper-pagination-switch .inner {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    pointer-events: none;
}


#mob-hp-slider .pagination .swiper-active-switch {
    background: #ffd530;
}

#hero {
      position: relative;
      padding-bottom: 29%;
      background-image: url('/content/dam/goarmy/mobile/homepage/marquee_mobile_beyond.jpg');
      background-repeat:no-repeat;
      background-size: 100%;
}

#hero span {
    display: block;
    width: 20%;
    height: auto;
    position: absolute;
    margin: 0 auto;
    bottom: 23%;
    left: 15.5%;
}
#hero img {width: 100% !important;}
#hero span .hero_explore {position:relative;left:10%;top: 48%; width:115px; }
#hero span h1 {font-size:85%;color:#262626;font-weight:normal;width:130px;padding:10px 10px 6px;line-height:1.1em;}
#hero span h1 strong {text-transform: uppercase;}


#tout_area {width:320px;margin:0;}
.tout {border-right:2px solid #4a4a44;
       height:95px;
       width:158px;
       background-image: url('/static/images/mobile/list_bg.gif');
       background-repeat: repeat-x;
       float:left;
       text-align: center;
       display:block;
       box-sizing: border-box;}
    
/* portrait */
@media (max-width: 480px) {
    .tout {width: 50%;}   
}

/* portrait */
@media (min-width: 480px) {
    .tout {width: 25%;}   
}
    
        
    
.tout a {display:block;text-decoration: none;} 
.tout a:hover {background-image: url('/static/images/mobile/list_bg_over.gif');background-repeat: repeat-x;}
.tout a:hover p {color:#333c33;}
    .thumb {margin: 5% 0 -4px 0;}
    .thumb_title {padding: 10px;font-family: Arial, sans-serif; color:#fff;font-size: 12px;text-transform: uppercase;font-size:70%;font-weight:bold;}
    .align_middle {vertical-align: middle}
    .link_out {width:13px;height:13px;background-image:url('/static/images/mobile/link_out_icon.gif');background-repeat:no-repeat;position:relative;margin-top:-93px;margin-right:10px;}


/* Channel Landing & Mission */
#lead, .landingmarquee {margin:0;font-size:80%;width:auto;}
#lead p, .landingmarquee p {padding:10px;}
#lead h2, .landingmarquee h2 {padding: 10px 0px 0px 10px;font-size:18px;}
#lead ul {list-style-position: outside;margin: 0;padding-left:30px;}
#lead ul li {background-image: none;border: 0 none;height: auto;margin: 10px 5px;list-style-type:disc;} 
#morelink {float:left;padding:0 10px 10px;} 
a#morelink {text-decoration: none;color:#185C81;}

.section {margin:0;padding:0;display:block;}
/*.section p a {margin-left: 10px;}*/
/* .section ul {border-bottom: 1px solid #877f71;}*/
.section ul li {list-style-type:none;width:100%;background:url('/static/images/mobile/channel_section_bg.gif') repeat-x;height: 53px;border-top:1px solid #877f71;font-size: 90%;}
.section ul li a {display:block;text-decoration: none;height:100%;}
    .section_thumb {margin:5px 5px 0;vertical-align: middle;float: left}
    .section_title {font-weight:bold;color:#413f3b;font-family: Arial, sans-serif;position: relative;left:9px;height: 100%;display: flex;align-items: center;padding-right: 15px}
    .arrow_right {float:right;padding:20px 5px;width:9px;height:13px;}
    .wordwrap {margin-top:-10px;width: 50%} /* wraps long lines */
    
/* Basic */
.story_excerpt {padding:0px 10px;font-family: Arial;font-size:80%;}
.story_excerpt p {margin:10px 0}
.story_excerpt img {margin:5px 0px; width:auto;}
.story_excerpt ul, .story_excerpt ol {margin:0px;list-style-position: outside;padding-left:30px;}
.story_excerpt ul li {background-image: none;border: 0 none;height: auto;margin: 10px 5px 5px;list-style-type:disc;} /* override and remove default childlist ul look */
.story_excerpt ol li {background-image: none;border: 0 none;height: auto;margin: 10px 5px 5px;list-style-type:decimal;} 

/* Title Text Image anchorlist */
.story_excerpt .anchorlist ul {padding:0;background-color: #ffffff;}
.story_excerpt .anchorlist ul li a {color:#185C81;text-decoration: underline;}
.story_excerpt .anchorlist ul li a:hover {color: #803C0F;}
.story_excerpt .anchorlist ul li {list-style-type: none;margin:10px 0 15px 0;}

.jobscategorypage .wrappedListItem .section_title{top:10px; width:266px;float:left}
.jobscategorypage .section_title, .noimage .section_title {top:17px;left:10px} 
.mobileLists .section_title {left:0px;}
.mobileLists .wrappedImageListItem .section_title, .jobscategorylist .wrappedImageListItem .section_title{float:left;top:10px;width:209px;left:5px;}
.mobileLists .wrappedImageListItem .section_thumb, .jobscategorylist .wrappedImageListItem .section_thumb {float:left;}
.landingspf .section_title {text-transform:capitalize;} /* For Mission Pages */
.wrappedListItem .section_title{top:10px; width:270px;float:left}
.doubleWrappedListItem .section_title {top:10px; width:270px;float:left;font-size:80%;}
.jobscategorypage .doubleWrappedListItem .section_title {top:10px; width:280px;float:left;font-size:80%;}
.starLinks {padding: 10px 15px 15px ;}
.starLinks a, .starLinks a:visited {font-size: 80%;font-weight:bold;text-decoration:none;color:#ff6c0a;}
.starLinks a:hover {color:#8a4210;} 
.starLinks img {margin: 0px 5px 0 5px;}

@media all and (orientation: landscape) {   
    .jobscategorypage .doubleWrappedListItem .section_title {font-size:100%;width:445px;vertical-align:middle;}
    #sub_header .titleDoubleWrap {font-size:80%;width:390px;top:2px;}
} 


/* Forms */
.searchButton, .search_button {background:url('/static/images/mobile/search_icon.gif') no-repeat;border:0;cursor: pointer;height:29px;margin:3px 0 0 0;width:26px;position:relative;vertical-align:middle;}
.simpleSearch {margin:0 0 20px 0;}
.search_field {height: 25px; margin: 3px 0px 6px 10px; width: 260px; color: #a3aab1;}

/* Search Results from Google*/
.pgsdk {font-size: 80%}
.pgsdk .g a {border-bottom: #c7c7c7;padding: 10px 0 0 10px;font-weight: bold;text-decoration: underline;display:block; color:#AD5214;}
.pgsdk .g a:hover {color:#803C0F;}
.pgsdk .s {padding: 0 10px 10px;}
.pgsdk .s font {font-size: 100%;}
.pgsdk .n table {width:100%;background-color:#79796e;color: #ffffff; font-size:80%;font-weight:bold;height: 27px;}
.pgsdk .n table .prev {height: 17px;width: 17px;float:left;margin:5px;}
.pgsdk .n table .next {height: 17px;width: 17px;float:right;margin:5px;}
.resultsBar td {background-color: #79796e;color: #ffffff; font-weight:bold;height: 27px;text-align: center;}
.arrowContainer {position:absolute;width:100%;top:125px;}
.arrowContainer table {width:100%}
.arrowContainer table .prev {height: 17px;width: 17px;float:left;margin-top: -25px;}
.arrowContainer table .next {height: 17px;width: 17px;float:right;margin-top:-25px;margin-right: 5px;}
.sortContainer {left: -10px;top:-5px;position: relative;text-align: left;width: 100%;}

/* Search */
.resultsCount {background-color: #79796e;color: #ffffff; font-size:80%;font-weight:bold;height: 27px;}
.resultsCount img {width: 17px;height:17px;margin: 5px 10px;}
.resultsCount .prev {display:block;float:left;}
.resultsCount .next {display: block;float: right;margin-top: -15px;} 
.resultsCount span {display:block;margin: 0 auto;padding-top: 5px;;text-align: center;}
.expandableTableRow a {font-weight: bold;text-decoration: underline;}
.expandableTable p {
    padding:0;
    margin:0;
}
.expandableTableRow {
   border-bottom: #c7c7c7;
   font-size: 80%;
   padding: 10px;
    clear:both;
}
.expandableTable img {
    float:left;
}
.expandableTableRow div.insideTableRow div.content {
    width:100%;
    display:inline-block;
    float:left;
}
.expandableTableRow div.col1 {
    display:inline-block;
    width:17%;
    float:left;
}
.expandableTableRow div.col2 {
    display:inline-block;
    width:66%;
    float:left;
}
.expandableTableRow div.col3 {
    display:inline-block;
    float:left;
    width:17%;
    text-align:right;
}
.expandableTableRow ul {
    margin:0;
    padding:2px 25px 0 0;   
    float:left;
    list-style:none;
}
.expandableTableRow ul li { }
#searchResults .error ul li, #searchResults .error {background-image: none;border:0;padding:20px;font-weight:bold;height:auto;width:auto;}
/* Job Cats and Details */
.jobpar h3 {padding-bottom:10x;}
#job_details {margin:0;font-size:13px;padding:0 0 5px 0;}
#job_details h2 {padding:10px 0 5px 10px;color:#59594f;font-size:18px;}
#job_details p {padding:10px;}

/* Job search */
#jobsearch-wrapper {
    position:relative;
    background:#f6f6f6;
    -moz-border-radius: 5px ;
    border-radius: 5px;
    margin:0 0 30px;
    z-index: 10;
}
#jobsearch-wrapper .simple-search {
    position:relative;
    width:100%;
}
#jobsearch-wrapper .search-content {
    padding:8px;   
}
#jobsearch-wrapper .heading, #category .heading {
    background: #dadada;
    border-radius: 5px 5px 0 0;
}
#jobsearch-wrapper .heading h3, #category .heading h3, .formattedparsys #featured .heading h3 {
    margin: 0 15px;
    padding: 8px 0;
    text-transform:uppercase;
    color: #413f3a;
}
#jobsearch-wrapper .search-content form#jobsearch input.simple-search-text {
    -moz-border-radius: 3px;
    border-radius: 3px ;
    height: 16px;
    width: 215px;
    border:1px solid #bdc1c3;
    padding:5px;
}
form#jobsearch .form-section {
    float:left;
    width:100%;
    padding:0 0 5px 0;
}
form#jobsearch .form-section input.radio {
    padding: 5px 5px 0 15px;
    vertical-align:bottom;
}
form#jobsearch .form-options {
    padding: 0 0 8px 0;    
}

form#jobsearch h3{
    width:100px;
    padding: 4px 10px 4px 0;
    color: #333333;
    font-size:13px;
}

.jobs .expandableTableRow ul li {
   list-style-type: disc;
    background: none;
    height: 15px;
    border-top: none;
    font-size:100%;
    margin: 0 0 0 1.5em;
}

.jobsearch-text {font-size:80%;color:#413f3b;font-family: Arial, sans-serif;margin-top:5px; padding-right:5px;}
.checklist {background-color:#e8e5df;border-radius:5px;-webkit-border-radius: 5px;padding:0px 10px 15px 10px;margin:5px 10px;height:88px;width:280px;}
@media screen and (orientation:landscape) { .checklist {width:290px;} } /* aligns box to lead image on landscape*/
.checklist .leftcol {float:left;width:auto;}
.checklist .rightcol {float:left;width:auto;margin-left:10px;}
.checklist p {padding:10px;}
.checklist ul {padding-bottom: 15px;}
.checklist ul li {background-image: none;border: 0 none;height: 25px;font-variant: small-caps;width:auto;padding:5px;margin:0 auto;font-weight: bold;font-size:16px;}
    .check {margin:0 5px 0 0;vertical-align: middle;width:15px;height:12px;}
    .hide {visibility:hidden;} /* hides checkmark */ 

.job_specs ul {padding:0px;}
.job_specs li {padding:5px 10px;}

.jobsrelated h3 {text-transform:uppercase;}
.jobsrelated p a {margin:0;color:#AD5214;}

/* Tabs */  
.tab{border:1px solid #ccc; padding:0; margin:0 10px 10px 10px; width:auto; float:left; z-index:2;} 
.tab .tab {border:0;margin:0;}
.tab.hidden{display:none}
#tabcontrol{margin:0 auto; float:left; font-weight: bold;-webkit-padding-start: 10px;}
#tabcontrol li{list-style-type:none; float:left; padding:6px 12px; width:auto; height: auto;text-align:center; z-index:1; font-size:12px; color:#9b9b9b;background-color: #ebebea;border-top:1px solid #cbc6c3;border-bottom:1px solid #cbc6c3;border-left:1px solid #cbc6c3;border-right:1px solid #cbc6c3;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;cursor:pointer;}
#tabcontrol li.active{border-bottom:1px solid #ebe9e4; text-decoration:none;background-color:#ebe9e4;color:#59594f;border-top:1px solid #cbc6c3;border-left:1px solid #cbc6c3;border-right:1px solid #cbc6c3}

/* Table */
.table_data .odd {background-color: #F0F0F0;}
.table_data .even {background-color: #E5E5E5;}
.table_data th {font-size:80%;background-color: #B8B8B8;color: #333333;}
.table_data td {font-size:70%;}
.section p .cq-rte-forcedborder {padding:0;}
.section p .cq-rte-forcedborder p {font-size:80%;}
.section p .cq-rte-forcedborder a {margin:0;}

/* Locate */
.locate {   
    font-size:80%;
    background-color: #EBE9E4;
    border: 1px solid #CBC6C3;
    border-radius: 0px 5px 5px 5px;
    height: auto;
    margin: 28px 10px;
    padding: 10px;
    width: auto;
}
.locate h2 {
    padding: 10px 0 0;
}
.locate p {
    margin: 10px 0;
}
.locate hr {margin: 20px -10px 10px;}
.locate .find_a_recruiter_button {
    background-color: transparent;
    background-image: url("/static/images/mobile/find_a_recruiter_button.gif");
    border: medium none;
    height: 27px;
    margin-top: -3px;
    vertical-align: middle;
    width: 117px;
    cursor: pointer;
}
.locate_field {
    border: 1px solid #CCCCCC;
    color: #A3AAB1;
    font-size: 12px;
    padding: 5px;
    width: 135px;
}
.zipcode {
    display: block;
    padding-top: 10px;
}
.found_recruiter {
    background-color: #F9F8F7;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 20px;
    margin-top: 5px;
    padding: 10px;
}
.found_recruiter p {
    margin: 0;
    padding: 0;
}
.phone_number_container {
    background-image: url("/static/images/mobile/phone_number_button_blank.gif");
    height: 37px;
    margin: 20px auto 5px;
    text-align: center;
    width: 162px;
}
.phone_number_container a {
    display: block;
}
.phone_number, .phone_number a {
    color: #FFD530;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    top: 9px;
}
.map_this {
    float: right;
    position: relative;
}
.map_this a {
    text-decoration: underline;
}
.center {
    text-align: center;
}
.get_info {
    background-color: #EBE9E4;
    border: 1px solid #CBC6C3;
    border-radius: 5px 5px 5px 5px;
    height: auto;
    margin: 28px 0 10px 10px;
    padding: 10px;
    width: 280px;
}
.get_info h2, .get_info h3 {
    padding: 0 0 5px;
}
.get_info p {
    margin: 10px 0;
}
.information {
    margin: 0;
}
.info_field {
    border: 1px solid #CCCCCC;
    color: #A3AAB1;
    font-size: 12px;
    padding: 5px;
}
.info_field:active {
    color: black;
}
.info_cap {
    color: #807D6B;
    font-size: 11px;
    font-style: italic;
}
.get_info_button {
    background-color: transparent;
    border: medium none;
    height: 27px;
    margin-left: 4px;
    margin-top: -3px;
    vertical-align: middle;
    width: 117px;
}

rtab {
    border: 1px solid #CCCCCC;
    float: left;
    margin: 0 10px 10px 0;
    padding: 0;
    width: 296px;
    z-index: 2;
}
.rtab.hidden {
    display: none;
}
#rtabcontrol {
    float: left;
    font-weight: bold;
    margin: 0 auto;
    padding: 10px 0 0 10px;
    position: relative;
    top: 1px;
}
#rtabcontrol li {
    background-color: #EBEBEA;
    background-image: none;
    border-color: #CBC6C3;
    border-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-width: 1px;
    color: #9B9B9B;
    float: left;
    font-size: 12px;
    list-style-type: none;
    padding: 6px 12px;
    text-align: center;
    width: 120px;
    z-index: 1;
    height: auto;
    clear:none;
}
#rtabcontrol li.active {
    background-color: #EBE9E4;
    border-bottom: 1px solid #EBE9E4;
    color: #59594F;
    text-decoration: none;
    clear:none;
}
#rtabcontrol li a {
    color:#9B9B9B;
}

/* End Locate */

.linkimage  {
    position:relative;
    display:block;
    width:100%;
    height:40px;
}
.linkimage .mobile-link {
    position:relative;
    float:left;
    padding:10px;
    font-size:80%;
}

/* About - Post Locations dropdown */

.mobilepostlocations {
    position:relative;
    float:left;
    padding:10px 0 10px 10px;
    width:100%;
}
.mobilepostlocations .state {
    position:relative;
    margin-bottom:20px;
    padding-bottom:20px;
    width:305px;
}
.mobilepostlocations .state p {font-size:75%;padding-bottom:10px;font-weight:bold;}
.mobilepostlocations .state select {
    width:300px;
    height:22px;
    text-transform:none;
    color:#666666;
    padding: 1px 0 0 3px;
    font-size:75%;
    
}
.mobilepostlocations .state select option {
    text-transform:none;
    vertical-align:middle;
    height:20px;
}
.mobilepostlocations #locations-list {
    position:relative;
    float:left;
    width:298px;
}
.mobilepostlocations .international-wrapper {
    position:relative;
    float:left;
    border-top:2px solid #d1d1d1;
    margin:20px 0;
    padding:35px 0 0;
}
.mobilepostlocations #locations-list .post-locations, .mobilepostlocations #locations-list .post-locations-inter {
    position:relative;
    float:left;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius:5px; 
    border:1px solid #bebebe;
    margin:0 0 15px;  
    width: 293px;
}
.mobilepostlocations #locations-list ul {
    position:relative;
    float:left;
    width:298px;
}
.mobilepostlocations #locations-list ul li {
    height:24px; 
    width:273px;
    border-top:1px solid #bebebe;
    padding:9px 10px 0 10px;

}
.mobilepostlocations #locations-list ul li.title {
    background:#d0d0d0;
    position:relative;
    float:left;
    color:#59594f;
    border-top:none;
}
.mobilepostlocations #locations-list ul li.location {
    background:none;
    position:relative;
    float:left;
}

.mobilepostlocations .international-wrapper p {font-size:75%;padding-bottom:10px;font-weight:bold;}

/* END About - Post Locations dropdown */

/* Email Form */

.imgBtn #g_send_request {
    margin:10px 0px 14px 0; 
    background: url("/static/images/channel/btn_blue_submit.png") no-repeat transparent;
    width:68px; 
    height:28px;       
    float:left;
    color: #FFFFFF;
    cursor: pointer;
    border:0;
    text-align: center;
    letter-spacing:1px;
}

.askaquestion {
    margin:0;
    padding:10px 11px 10px 10px; 
    color:#333333; 
    line-height:20px;
}


.askaquestion select {
    font-size: 10px;    
}
/* END Email Form */


/* ----------------- SITE SEARCH & RESULTS -------------------------- */
 
#site-search {
    position:relative;
    float:left;
    width:100%;
    padding:15px 7px 20px 7px;
}
#site-search form {position:relative;float:left; width:100%;color:#aeaeae;} 
#site-search form select {width:120px !important;margin:0 5px 0 0;font-size:80%;line-height:18px;}
#site-search input.terms {width:135px;margin:0 5px 0 0;}
#site-search .did-you-mean, #site-search .search-error {position:relative;width:100%;float:left;margin:10px 0 15px;}
#site-search .search-error ul {list-style-type:none;margin:0; padding:0;}
#site-search .did-you-mean {font-style:italic;width:100%;font-size:90%;}

#results-container {margin:0; width: 100%;}
.searchresults #results-container .pagination {padding-top:35px;}
#site-search .search-error ul li {
    background:none;
    border:none;
    height:auto;
    padding:0 0 10px;
}
#site-search .search-error h2 {font-size:105%;padding:0 0 8px;}

/* --- RESULTS --- */
.searchresults  #results-container {
    position:relative;
    overflow:hidden;
    width:97%;
    height:100%;
    padding:15px 0;
    margin:0 15px;
    font-size:80%;
}
#results-container .pagination, #category #results-container .pagination {
    position:relative;
    float:left;
    width:100%;
    margin:0;
    padding:18px 0;
    border-top:2px solid #cacaca;
}
#site-search form input.search-button {vertical-align:bottom;position:relative;}
#category #results-container .pagination {border:none;}
#results-container .pagination .category-link {
    float:left;
    width:100%;
    position:relative;
    padding:10px 0 0;
}
#results-container .pagination.bottom {border:none;}
#results-container .pagination .pagination-controls {
    position:relative;
    display:none;
    float:right;
    width:50%;
    margin:0;
    padding:0;
    text-align:right;
    color:#3a3a3a;
    font-size:9px;
    text-transform:uppercase;
}
#results-container .pagination .pagination-controls a {padding:2px 5px 0;}
#results-container .pagination .pagination-controls a.next {padding:2px 0 0 5px;}
#results-container .pagination .pagination-controls img {
    top:1px;
    width:4px;
    height:9px;
    position:relative;
    position:none\9; /* IE8 and below */
}
#results-container .pagination .pagination-controls .display-count,
#results-container .pagination .pagination-controls .total-count {font-weight:700;}
#results-container .pagination .results-count {
    position:relative;
    float:left;
    width:50%;
    margin:0;
    padding:0;
}
#results-container a {text-decoration:none;}
#results-container .pagination .results-count p {
    margin:0;
    font-size:11px;
    font-weight:bold;
    color:#52534c;
    text-transform:uppercase;
}
.search-results-page {width:100%;position:relative;float:left;height:100%}
.search-results {float:left;padding:20px 0 0;height:auto;}
#results-container .search-results ul.search-list li {
    padding: 0 0 40px;
    margin:0;
    width:100%;
    height:100%;
    line-height:17px;
    position:relative;
    float:left;
    background:none;
    border:none;
}
#results-container ul.search-list li.search-result .img-wrap {float:left;height:100px;width:70px;overflow:hidden;margin-right:10px;}  
#results-container ul.search-list li.search-result img {
    float:left;
    padding-right:10px;
    overflow:hidden;
}
#results-container ul.search-list li.search-result .content-wrap {float:left;position;relative;width:72%;}
#results-container ul.search-list li.search-result .content-wrap.noimg {width:95%;} 
#results-container ul.search-list li.search-result .result-title, 
#results-container ul.search-list li.search-result .result-link, 
#results-container ul.search-list li.search-result .result-desc {
    position:relative;
    float:left;
}
#results-container ul.search-list li.search-result span img {
    position:absolute;top:10px;left:33px;
    padding:1px;
    height:48px;
    width:46px;
    display:none;
}                                                             
#results-container ul.search-list li.search-result .result-title {
    font-weight:bold;
    text-transform:uppercase;
    width:100%;
}
#results-container .featured-results {
    position:relative;
    width:97%;
    float:left;
    background:#f6f6f6;
    -moz-border-radius: 5px ;
    border-radius: 5px;
    padding:20px 20px 0 20px;
    margin:0 0 20px;
}
#results-container .featured-results ul {padding:0;list-style-type:none;}
#results-container .featured-results ul li {padding:0 0 30px;margin:0;background:none;border:none;}
#results-container .featured-results ul li .result-title {
    float:left;
    position:relative;
    width:100%;
    font-weight:bold;
    text-transform:uppercase;
}
#results-container .featured-results ul li .result-link {width:100%;}


/* Footer */

.footerMargin {
    height: 10px;
    width: 100%;
}

#footer div.links {
    text-size:80%;
}

#footer .links div a img {
    margin-right: .3em;
}

#footer a {
    text-decoration: none;
}

#footer div.links div a{
       display: inline-block;
        padding: 0 4px 0 4px;
        margin-top: 10px;
        margin-bottom: 10px
        text-decoration: none;
        color: black;
        border-right: 1px solid black;
}

#footer div.links div.social a{
    padding-top: 7px;
    border-right: 0px;  
}

.links div{
    text-align: center;
    display: inline block;
    padding-bottom: 7px;
}

#footer div.links div a.end{
    border-right: 0px;
}

#footer div.links div a:hover{
        text-decoration: underline;
}
#footer div.links div a:active{
        text-decoration: underline;
}

#footer {margin:0;padding:0px;width: 100%;background-color:#ccc4b6;border-top:0px;border-top:1px solid #929292;}

#footer div.pageinfo {font-size: 80%; color: #636363}

/******** Mobile Word Tip **/
.wordpopeffect {
    display:none;
    cursor:pointer;
    font-size:13px;
    position:absolute;
    box-shadow:2px 2px 3px rgba(0,0,0,.2);
    background-color:#edede1;
    border:1px solid #F7F7F7;
    color:#666;
    padding:10px;
    width:245px;
    z-index:999;
    border: 3px solid;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    line-height: 20px;
}

.after-arrow-wrapper {
    display none;
    width: 0;
    height: 0;
    position: absolute;
}

.arrow-wrapper {
    position: absolute;
    display: none;
    height: 20px;
    width: 200px;
}

.arrow-wordtip {
    position: absolute;
    left: 50%;
    width: 0px;
    border-top: solid 20px #666666;
    border-left: solid 20px transparent;
    border-right: solid 20px transparent;   
    overflow: visible;
}

.word {
    border-bottom: 1px dotted;
    display: inline;
    white-space:nowrap;
}

.wordtipX {
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid black;
    box-shadow: 2px 2px 3px rgba(0,0,0,.2);
}

.wordpoplrnMore {
    margin:0 auto;
    margin-top:15px;
    padding:0;
    width:160px;
    height:22px;
    background: url("/static/images/spf/learn_more_bg_gr.jpg") repeat;
    padding:6px 0 0;   
    text-align:center;
    border: 1px solid #33312e;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 20px;
}

.wordpoplrnMore a {
    height:100%;
    text-decoration:none;
    line-height:16px;
    color:#33312e;
    display:block;
    text-transform:uppercase;
    font-family: Arial, sans-serif !important;
    font-weight:bold !important;
    font-size:11px !important;
}

.wordpoplrnMore:hover {
    background: url("/static/images/spf/learn_more_bg_gr_hover.png") repeat;
}

.wordpoplrnMore a:hover{ color:#000;text-decoration:none;}

.wordtipX {
    line-height: 16px;
    position: absolute;
    right: -8px;
    top: -8px;
    border: 3px solid #666;
    width: 16px;
    border-radius: 16px;
    text-align: center;
    background: url("/static/images/spf/learn_more_bg_gr.jpg") repeat;
    box-shadow: 2px 2px 3px rgba(0,0,0,.2);
}

.wordtipX:hover {
    background: url("/static/images/spf/learn_more_bg_gr_hover.png") repeat;
}

/******** soldier profiles **/

.profileActive { 
    background: silver !important;
    width: 50% !important;
    float: left;
    border-right:1px solid #877f71; 
}

.duty {
    text-align: center;
    line-height: 50px;
}

.profile_text .heading {
    display: inline;
}

.profile_text .text {
    display: inline;
}

.duty img {
    padding-right: 5px;
}

.profile_content {
    float: left;
    clear: left;
}

#errorpagepopularpages {
    padding: 10px 0 0 10px; 
}
#errorpagepopularpages ul li {
    list-style-type:disc;
    background:none;
    border-top:none;
    height:auto;
    margin: 0 0 0 1.5em;
}
#errorpagetitletext{
    padding: 10px 0 0 10px;         
}

#errorpagetitletext p{
    font-size:90%;
    margin: 0 0 0 1.5em;    
}

//jobs featured

.jobsfeatured {
    padding-left:10px;
}

.jobsfeatured, .formattedparsys {
    padding-bottom:10px;
}

.jobsfeatured #featured h3 {
    padding-left:10px;
        text-transform:uppercase;
}

.jobsfeatured #featured ul.job-results {
    margin-top:18px;
}

.job-thumb {
    position: relative;
    background: #f6f6f6;
    z-index:1;
}

.job-thumb img{
    position: relative;
    z-index: 10;
}

.jobsfeatured #featured ul.job-results li.job {
    position: relative;
    padding:0 2px 5px 15px;
    list-style-type:none;
    margin-right: 1px;
    background: #f6f6f6;
    z-index: 1;
    height: auto;
}

.jobsfeatured #featured ul.job-results li.job .job-thumb h4.job-title {
    font-weight:normal; 
    color:#000000;
    margin-bottom: 0;
    font-size:12px;
    position: relative;
    z-index: 1;
}

.jobsfeatured #featured ul.job-results li.job .job-thumb p {
    font-size:11px; 
    color:#333;
    margin:0;
    padding:6px 0 0;
}

.jobsfeatured #featured .jobCat a {
    display: inline;
    padding-left: 5px;
}

.jobcatlist {
    position:relative;
    background:#fbfbfb;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0px 0 30px;
}

.stem-careers .jobcatlist {margin-top:0;}

.jobcatlist .heading {
    background:#dcdcdc;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    padding:8px 20px;
}
.jobcatlist .heading h3 {
    color:#413F3B;
    font-size:13px;
    text-transform:uppercase;
    margin:0;
}

.jobcatlist-content ul.catcontent-list li {
    position:relative;
    list-style:none;
    margin:0;
    text-transform:uppercase;
    font-size:14px;
    line-height: 50px;
    padding-left: 5px;
}
/*** player bio ***/
.playerBioContent { background-color: #e0dcd6; padding: 15px 10px 15px 10px; }
.playerBioImage { float: left; padding: 0 10px 10px 0px; }
.playerBioText { height: 100%;}
.playerBioText .name { font-size: 120%; color: #333333; font-weight:bold; padding: 0 0 5px 0;}
.playerBioText .playerDescription { float:none;font-size: 90%; }
.playerBioText ul { padding-bottom: 15px; }
.playerBioText ul li {background:none; height:auto; border:none; font-size: 90%;}
.playerBioText ul li span { display:inline; float: left; width: 100px; font-weight:bold;}
.playerBioList { padding: 15px 10px 15px 10px; }
.playerBioList .listSubCat span { padding: 0 0 5px 0;text-decoration:underline;}
.playerBioList .listSubCat { width:50%; float:left;text-align:center;}
.playerBioList ul li { text-align:center;background: none; height: 20px; border: none; font-size: 90%;}
.playerBioList .listSubCat ul .aab_selected { font-weight:bold;}
.playerBioList h2 { text-align:center; }
#playerSearch { text-align:center; }
.playerBioList input{-moz-border-radius: 3px; border-radius: 3px; height: 16px;width: 215px;border:1px solid #bdc1c3;padding:5px;margin-bottom:15px;}

/*** mobile marquee ***/

#hvp-videodesc {
   display:block;
   padding:5px;
    font-size: 14px;
}

#hvp-relateditems {
   display:block;
   padding:5px;
   font-size: 14px;
}

#hvp-playlist .vidthumbnails{
    height: 51px;
    width:85px;
}
/*** breadcrumb ***/
.breadcrumb-wrapper{
    width: 100%;
    font-size:14px;
    text-transform:uppercase;
    font-weight:bold;
    left:0;
    padding-top:10px;
    height:29px;
}
.breadcrumb-wrapper .crumb{
    float:left;
    position:relative;
    height:25px;
    padding-bottom:4px;
}
.breadcrumb-wrapper .crumb span.breadcrumb-arrow{
    background:url(../images/breadcrumb/channel_breadcrumb_arrow.png) no-repeat 0 0;
    width: 14px;
    height:16px;
    float:left;
    padding-right:8px;
}
.breadcrumb-wrapper a {
    text-decoration:none;
    padding-right:8px;
    color: #636363;
}

#survey div#notifyOverlay {
    display: none;
    z-index: 9000;
    background: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    opacity: 0.75;
}
#survey img {float: left;}
#survey h2 {
    text-align: center;
    margin: 0;
    height: 47px;
    padding-top: 19px;
    padding-bottom: 19px;
}
#survey div#notify .notifyX {
    position: absolute;
    right: -8px;
    top: -8px;
    border: 3px solid #666;
    width: 16px;
    border-radius: 16px;
    text-align: center;
    background: url("/static/images/spf/learn_more_bg_gr.jpg") repeat;
    box-shadow: 2px 2px 3px rgba(0,0,0,.2);
    line-height: 16px;
    color: #000;
}
#survey div#notify {
    display:none;
    font-size:13px;
    position:fixed;
    box-shadow:2px 2px 3px rgba(0,0,0,.2);
    background-color:#FFF;
    border:3px solid #F7F7F7;
    color:#666;
    padding:10px;
    width:294px;
    z-index:9002;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    left:50%;
    top:50%;
    margin-left:-160px;
    margin-top:-145px;
}
#survey div#notify p {
    line-height: 14px;
    margin-bottom: 13px;
    margin-top: 13px;
}
#survey a {color: #2b7cad; text-decoration: none;}
#survey a.launch {font-weight: bold;}
#survey a:hover {text-decoration: underline;}

.component-wrapper {
    height:181px;
    background:#f6f6f6;
    border-radius:5px;
    margin:0 0 30px;
    z-index:10;
    auto;
}

.component-header-wrapper {
    position: relative;
    width:100%;
}

.component-heading {
    background:#dadada;
    border-radius: 5px 5px 0 0;
}

.component-header-wrapper .component-heading h3 {
    margin:0 15px;
    padding: 8px 0;
    text-transform: uppercase;
    color: #413f3a;
}

.component-content {
	position: relative;
	float: left;
	width:374px;
	padding:16px;
}

.component-content form .search {
	background: url("/static/images/channel/btn_blue_search.png") no-repeat transparent;
	float:left;
	color: #FFFFFF;
	height: 28px;
	width: 68px;
	margin: 0 0 0 10px;
	cursor: pointer;
	border: 0;
	text-align:center;
	letter-spacing: 1px;
}

.component-content form .form-section h3 {
	width:166px;
	padding:12px 0px 4px 0px;
}

.search-results-heading ul {
    display:table;
    width:100%;
	list-style:none;
    padding:0;
    margin:0;
}

.search-results-heading {
	background:#f6f6f6;
    border-top: 1px solid #DADADA;
    padding:13px;
}

.search-results-wrapper{
	font-size:80%;
}

.search-results-wrapper h2 {
    text-align:center;
}

.search-results-heading ul li {
	display: table-cell;
    text-align:center;
    color:#9D9595;
    padding:0;
    margin:0;
}

.search-results-heading ul li:first-child{
	float:left;
}

.search-results-heading ul li:last-child{
	float:right;
}

.search-results-content{
	padding:3px 0 0 0;
	margin:0;
}

.search-results-item-even {
	background: #DFDED7;
    border-bottom: 2px solid #CACCC9;
}

.search-results-item-odd {
    background: #ECEBE5;
    border-bottom: 2px solid #CACCC9;
}

.search-results-item{
    color: #000000;
	padding: 10px 20px 10px 20px;
    text-align:center;
    overflow:auto;
}

.search-results-date {
    padding-bottom: 5px;
}

.search-results-title{
    padding-bottom: 5px;
}

/*----- Makes forms mobile friendly (/technical-site-feedback.m.html) in component askaquestion for implementation example ----*/
input[type=text], input[type=firstName], input[type=lastname], input[type=emailAddress], input[type=zipCode] , input[type=message],input[captcha],input[imageVerification] {
  -webkit-appearance: none; -moz-appearance: none;
  display: block;
  margin: 0;
  width: 50%; height: 30px;
  line-height: 30px; font-size: 12px;
  border: 1px solid #bbb;
  border-radius: 3px;

}
/*----- (/technical-site-feedback.m.html) for example ----*/
.formBackground {

  background-color: #f2f2f2;
  padding-right: 5px;
  padding-left: 10px;

}

/*----- (/technical-site-feedback.m.html) submit button ----*/
.mobileDefaultButton {
  background: #90c8eb;
  background-image: -webkit-linear-gradient(top, #90c8eb, #0b85d1);
  background-image: -moz-linear-gradient(top, #90c8eb, #0b85d1);
  background-image: -ms-linear-gradient(top, #90c8eb, #0b85d1);
  background-image: -o-linear-gradient(top, #90c8eb, #0b85d1);
  background-image: linear-gradient(to bottom, #90c8eb, #0b85d1);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 0.600em;
  font-weight: none;
  padding: 10px 13px 10px 13px;
  border: solid #6f92a8 1px;
  display: -webkit-inline-box;
}


/*-------Had to override the hover feature because global.css was underlining the text and highlighting the button--------*/
.mobileDefaultButton, .mobileDefaultButton:hover{
  font-family: Arial !important;
  color: #ffffff !important;
  
  font-weight: normal !important;
  text-decoration:none !important;
}

.askaquestionForm{
   font-size:11px;
}

.left{
  float:left;
}

.block {
 float:left;
}

.selectbox {
    background: #e5e5e5;
    width:70px;
    height:18px;
    position:relative;
    float:left;
    -moz-border-radius: 3px;
    border-radius: 3px ;
    border: 1px solid #969696;
    color: #424242;
    margin:0;
    padding: 0;
    font-size:11px;
    font-weight:bold;
    padding:5px 3px 3px;
    margin:0 10px 0 0;
    text-transform:none;
    z-index:5;
}

.selectBoxWhite {
    background: #ffffff;
    margin-bottom: 15px;
    top: 23px;
    padding: 4px 0px 0px 4px;
}

.larger {
  width:100px;
}

.leftText {
    width: 30%;
    float: left;
    text-align: right;
    font-size: 11px;
}

.rightText {
    width: 65%;
    margin-left: 10px;
    float:left;
}

.centerize {
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    font-size:11px;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.spacing {

   padding: 8px 7px 8px 2px;

}

.fontSizeMedium {

   font-size: 12px;

}

.table {
  width: 100%;
  max-width: 100%;
  margin-top: 0px;
  /*border-collapse:collapse; */

}

.table-striped-odd {
  background-color: #e5e5df;
  border-color: #e5e5df;
}

.table-striped-even { 
  background-color: #f0f0ea;
  border-color: #f0f0ea;
}

.titleBackground{
   background-color: #79796e;
   color: #ffffff;
   padding:8px 0px 9px 0px;
   text-align: center;
   font-size: 13px;
   font: bold;
}

.cellFont{
 font-size: 13px;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.lineSeperation{
  border-top:1px solid #808080; 
  padding: 2px 0px 4px 0px;
  border-bottom:1px solid #808080; 
}

/* parsys component */
/* needed for column control */
div.parsys_column {
    height: 100%;
    width: 100%;
    float: left;
    border: 0;
    vertical-align:top;
    padding: 0;
    margin: 5px 0 5px 0;
}
div.parsys_column .section {
    overflow:hidden;
    width: 100%;
}

/* column control layouts */
div.cq-colctrl-cols {width: 100%; float: left; }

div.cq-colctrl-default { width: 100%;}

div.cq-colctrl-lt0-c0 { width: 48%; padding-right: 8px; padding-left: 8px;}
div.cq-colctrl-lt0-c1 { width: 48% }

div.cq-colctrl-lt1-c0 { width: 33%; padding-right: 8px; padding-left: 8px;}
div.cq-colctrl-lt1-c1 { width: 63%;}

div.cq-colctrl-lt2-c0 { width: 31%; padding-right: 8px; padding-left: 8px;}
div.cq-colctrl-lt2-c1 { width: 31%; padding-right: 8px;}
div.cq-colctrl-lt2-c2 { width: 31%; }

div.cq-colctrl-lt3-c0 { width: 45%; padding-right: 8px; padding-left: 8px;}
div.cq-colctrl-lt3-c1 { width: 24%; padding-right: 8px;}
div.cq-colctrl-lt3-c2 { width: 24%; }

div.cq-colctrl-lt4 { margin:-18px 0pt;}
div.cq-colctrl-lt4-c0 { width: 38%; padding-right: 4px; padding-left: 8px;}
div.cq-colctrl-lt4-c1 { width: 58% }

/* bubbletext */
.bubbletext {
    background-color: #EBE9E4;border: 1px solid #CBC6C3; 
    border-radius: 7px; height: auto; 
    margin: 28px 10px; padding: 10px; width: auto;
}

.bubbletext h3 {
	padding: 10px 0 0;
    font-size:1.5em;
}

.mobile_button {
    background-image: url("/static/images/mobile/phone_number_button_blank.gif");
	height: 37px;
    margin: 20px auto 5px;
    text-align: center;
    width: 162px;
}

.mobile_button span {
	color: #FFD530;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    top: 9px;
    cursor: pointer;
}

.mobile_button_link {
	text-decoration: none;
}

.mobileSubtext {
	color: #636363;
    text-align: center;
    margin: 10px 0;
}

/**** Add play button to image ****/
.img-video-play-button .thumb-img {
    position: relative;
    display: block;
}

.img-video-play-button .thumb-img .thumbnailoverlay {
    background: url(/content/dam/goarmy/repo/images/btn-play-slide.png) no-repeat 7% 85%;
    background-size: 15%;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    opacity: 1;
    z-index: 1;
}