@charset "UTF-8";
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/sites/all/themes/basic/images/stylesheets, vendor/sites/all/themes/basic/images/stylesheets,
 * or vendor/sites/all/themes/basic/images/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 */
/* RESET BROWSER DEFAULTS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal; }

/* Mixins
=============================================*/
/* GLOBAL*/
html {
  height: 100%; }

.overlay {
  background-color: #000;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  visibility: hidden; }

body {
  font: normal 14px/22px "Trade Gothic W01 Light", "Arial", sans-serif;
  padding: 0;
  color: #413e40;
  background: #fff;
  height: 100%;
  opacity: 1; }
  body.logged-in {
    padding-top: 65px !important; }
  body.page-user-login .region-content {
    padding: 132px 0 0; }
  body.section-media .region-content {
    padding: 195px 0 58px 40px; }
  body.no-scroll {
    height: 100%;
    overflow: hidden;
    width: 100%; }

input:focus {
  outline: none; }

#coastline {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2; }

.region-content {
  padding: 130px 0 0; }

a:link, a:visited {
  color: #7b7b26;
  text-decoration: none; }

.arrows a[target=_blank]:after, table a[target=_blank]:after {
  background: url("../images/external_link_icon_dark.png") 0 0 no-repeat;
  content: '';
  display: inline-block;
  height: 10px;
  margin: 0 0 0 8px;
  vertical-align: middle;
  width: 10px; }

.internal {
  float: left; }

.plain-content .internal, p .internal {
  float: none; }

header {
  left: 0;
  max-width: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11;
  -webkit-backface-visibility: hidden; }

.role-authenticated-user header {
  top: 65px; }

.language-toggle {
  height: 40px;
  padding-left: 2%;
  font-size: 0.7em;
  color: #ffffff;
  background: url("../images/settingsbg.gif") repeat-x;
  background-position: bottom;
  text-transform: uppercase; }

header .language-toggle span {
  padding: 0 4px;
  display: inline-block;
  margin-top: 9px; }
header .language-toggle a {
  color: #989855;
  position: relative;
  z-index: 11; }
  header .language-toggle a span {
    text-decoration: underline; }
  header .language-toggle a:hover {
    color: #7b7b26; }
  header .language-toggle a.current span {
    color: #fff;
    text-decoration: none; }
header .language-toggle span.mobile {
  display: none; }

/* HOMEPAGE TILED IMAGE HEADER */
.node-type-home-page .region-content {
  padding: 107px 0 0; }

.home-accordion-image-header {
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: 27px;
  clear: both;
  overflow: hidden; }
  .home-accordion-image-header .image {
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
    height: 300px;
    z-index: 1;
    background-position: center 10%;
    background-repeat: no-repeat;
    background-size: cover; }
  .home-accordion-image-header #video {
    display: none; }
  .home-accordion-image-header .image:before {
    content: '\200B';
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2;
    transition: background 400ms; }
  .home-accordion-image-header .image .image-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden;
    display: block;
    text-align: center;
    color: #FFFFFF;
    width: 100%;
    z-index: 3; }
    .home-accordion-image-header .image .image-content h1 {
      display: block;
      font-family: "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
      font-size: 30px;
      line-height: 32px;
      letter-spacing: 2.5px;
      text-transform: uppercase;
      opacity: 1; }
    .home-accordion-image-header .image .image-content p {
      display: block;
      font-family: "Trade Gothic W01 Light", "Arial", sans-serif;
      font-size: 18px;
      line-height: 20px;
      letter-spacing: 1.5px;
      margin-top: 14px;
      opacity: 1; }
    .home-accordion-image-header .image .image-content a {
      display: inline-block;
      font-family: "Trade Gothic W01 Light", "Arial", sans-serif;
      font-size: 18px;
      line-height: 18px;
      letter-spacing: 1.5px;
      text-decoration: none;
      color: #FFFFFF;
      background-color: #969654;
      padding: 12px 24px;
      margin-top: 21px;
      margin-bottom: 5px;
      opacity: 1;
      transition: background-color 0.1s linear; }
    .home-accordion-image-header .image .image-content a:hover {
      background-color: #737340; }

/* INTERIOR PAGE HERO IMAGE */
.main-hero {
  margin: -89px auto 20px;
  position: relative;
  height: 436px;
  overflow: hidden;
  background-color: #e6e7e8; }
  .main-hero h1 {
    color: #fff;
    font: normal 35px/40px "TradeGothicW01-BoldCn20 675334";
    text-transform: uppercase;
    z-index: 2;
    text-align: left;
    -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -ms-text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -o-text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
  .main-hero img {
    height: 100%;
    position: absolute;
    z-index: 1;
    width: auto;
    right: 50%;
    top: 0;
    margin-right: -960px; }
    .main-hero img.slide-mobile {
      display: none; }

.callout {
  position: relative;
  width: 100%;
  max-width: 980px;
  margin: 215px auto;
  z-index: 1;
  padding-left: 2%; }

.page-joining .callout h1 {
  width: 400px; }

.node-type-videos-overview .callout h1 {
  width: 400px; }

.node-type-working-overview-page .callout h1 {
  width: 370px; }

.node-type-training-overview-page .alt-place, .node-type-living-overview-page .alt-place {
  width: 370px;
  float: right;
  padding-right: 2%; }

.node-type-training-overview-page .lang-es .alt-place {
  margin-top: -60px; }

.node-type-supporting-overview-page .callout h1 {
  width: 330px;
  float: right;
  margin-right: 19%; }

.page-joining #main-interior #interior-section {
  padding: 0; }

.page-joining-asvab-test-sample-questions .first-header {
  float: left; }
.page-joining-asvab-test-sample-questions #main-interior ul li.stagger-left .plain-content {
  float: left; }
  .page-joining-asvab-test-sample-questions #main-interior ul li.stagger-left .plain-content ul li {
    list-style-type: none !important;
    margin-bottom: 10px; }
    .page-joining-asvab-test-sample-questions #main-interior ul li.stagger-left .plain-content ul li a {
      background: url("/sites/all/themes/basic/images/green_arrow_dark.png") top left no-repeat;
      padding-left: 25px; }

.video-scroll {
  padding: 40px 0;
  width: 95%;
  max-width: 960px;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  position: relative; }
  .video-scroll .swipe-nav a {
    background: url("../images/left-arrow.png") 0 0 no-repeat;
    display: block;
    height: 0;
    left: -25px;
    opacity: 0.7;
    overflow: hidden;
    padding: 48px 0 0;
    position: absolute;
    top: 41%; }
    .video-scroll .swipe-nav a.next {
      background: url("../images/right-arrow.png") right 0 no-repeat;
      left: auto;
      right: -25px; }
  .video-scroll .slides-list {
    position: relative;
    clear: both; }
    .video-scroll .slides-list ul#videos {
      min-height: 400px; }
      .video-scroll .slides-list ul#videos li {
        display: none; }
  .video-scroll .video-nav a {
    background: url("../images/left-arrow.png");
    height: 0;
    left: -18px;
    opacity: 0.7;
    overflow: hidden;
    padding: 48px 0 0;
    position: absolute;
    top: 72px;
    width: 18px; }
    .video-scroll .video-nav a:hover {
      opacity: 1; }
    .video-scroll .video-nav a.next {
      background: url("../images/right-arrow.png");
      left: auto;
      right: -18px; }
    .video-scroll .video-nav a.disabled {
      cursor: default;
      opacity: 0.3; }
  .video-scroll ul#videos {
    overflow: hidden;
    margin: 15px 0 0 -12px; }
    .video-scroll ul#videos li {
      float: left;
      width: 288px;
      margin: 0 0 0 24px;
      position: relative; }
      .video-scroll ul#videos li.current a {
        color: #413E40; }
      .video-scroll ul#videos li.current img {
        opacity: 0.6; }
      .video-scroll ul#videos li a {
        display: block;
        position: relative; }
        .video-scroll ul#videos li a:after {
          content: url("/sites/all/themes/basic/images/video_play_button.png");
          position: absolute;
          top: 50%;
          left: 50%;
          margin-left: -16px;
          margin-top: -18px;
          pointer-events: none; }
      .video-scroll ul#videos li h4 a:after {
        content: ' '; }
      .video-scroll ul#videos li img {
        width: 100%;
        max-width: none;
        -webkit-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
        -ms-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
        -o-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
        box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35); }
      .video-scroll ul#videos li span.time {
        background: #413f41;
        bottom: 6px;
        color: #fff;
        font: normal 14px/16px "Trade Gothic W01 Light", "Arial", sans-serif;
        padding: 6px 10px;
        position: absolute;
        right: 0; }
    .video-scroll ul#videos li.slide-group {
      width: 100%; }

.node-type-supporting-overview-page #main-interior .link-wrapper h6:nth-last-child(-n+2) {
  border: 2px solid; }

.page-node-101 .gray-block-shadow .plain-content h6 {
  width: 43%;
  margin: 15px 4px 0 0;
  float: left; }

/* MAIN NAVIGATION */
#mainNav {
  background: rgba(0, 0, 0, 0.95);
  border-bottom: 4px solid #fff;
  width: 100%;
  position: relative; }
  #mainNav:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 50%;
    -webkit-box-shadow: 5px 1px 15px #1F1E1E;
    -moz-box-shadow: 5px 1px 15px #1F1E1E;
    -ms-box-shadow: 5px 1px 15px #1F1E1E;
    -o-box-shadow: 5px 1px 15px #1F1E1E;
    box-shadow: 5px 1px 15px #1F1E1E; }
  #mainNav .first-nav {
    width: 95%;
    margin: 0 auto;
    max-width: 960px;
    height: 90px; }
  #mainNav #subnav .row {
    position: relative;
    width: 95%;
    max-width: 960px;
    margin: 0 auto;
    -webkit-box-shadow: 0 15px 12px -19px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 15px 12px -19px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0 15px 12px -19px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0 15px 12px -19px rgba(0, 0, 0, 0.35);
    box-shadow: 0 15px 12px -19px rgba(0, 0, 0, 0.35); }
  #mainNav #subnav .first-row {
    overflow: hidden;
    padding-bottom: 21px; }
  #mainNav li {
    float: left;
    width: 13%;
    text-align: left; }
    #mainNav li.living {
      width: 11.1%; }
    #mainNav li.training {
      width: 12.1%; }
    #mainNav li.joining {
      width: 14.5%; }
    #mainNav li.supporting {
      width: 13.5%;
      margin-left: 0.3%; }
    #mainNav li.working {
      width: 11.7%;
      margin-left: 1%; }
  #mainNav ul.service-branch-static-nav {
    width: 80%; }
  #mainNav .service-branch-list {
    overflow: hidden;
    padding: 25px 0 20px;
    margin: 0 auto; }
    #mainNav .service-branch-list a {
      width: 100%;
      max-width: 100%;
      color: #7b7b26; }
    #mainNav .service-branch-list li {
      font: normal 93%/14px "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
      float: left;
      width: 19%;
      position: relative;
      display: table-row;
      margin-right: 1%; }
      #mainNav .service-branch-list li img {
        float: left;
        width: 32%;
        max-width: 52px;
        min-width: 27px; }
      #mainNav .service-branch-list li:first-child img {
        width: 22.8%;
        max-width: 36px; }
      #mainNav .service-branch-list li:last-child img {
        width: 27.5%;
        max-width: 47px; }
      #mainNav .service-branch-list li:nth-of-type(3) img {
        margin-left: 10%;
        width: 36.5%;
        max-width: 56px;
        min-width: 30px; }
      #mainNav .service-branch-list li ul {
        overflow: auto;
        padding-left: 10px; }
      #mainNav .service-branch-list li li {
        float: none;
        width: auto;
        height: 23px; }
  #mainNav .service-branch-list-es {
    padding: 25px 0 45px;
    overflow: hidden; }
  #mainNav li dl {
    font-size: 1em;
    padding: 20px 0 20px 10%; }
  #mainNav li dt {
    font: normal 17px/20px "Trade Gothic W01 Bold 2", "Arial Black", sans-serif; }
  #mainNav li dd {
    font: normal 11px/15px "Trade Gothic W01 Light", "Arial", sans-serif;
    color: #fff;
    margin-top: 2px; }
  #mainNav.lang-es li dl {
    height: 55px;
    padding: 9px 0 20px 10%; }
  #mainNav.lang-es li dd {
    left: 10%;
    position: absolute;
    margin-top: 5px; }
  #mainNav a {
    padding: 0.25em 0;
    display: block;
    text-decoration: none;
    color: #989855; }
  #mainNav dt a {
    color: #000; }
  #mainNav .first {
    width: 22%;
    text-align: left;
    margin: 20px 0; }
    #mainNav .first a:hover {
      background: transparent; }
    #mainNav .first img#logo {
      width: 84%;
      max-width: 177px;
      box-shadow: none;
      height: auto; }
  #mainNav.lang-es a {
    position: relative; }
  #mainNav.lang-es li dt {
    font-size: 14px;
    line-height: 16px; }

#carat {
  position: absolute;
  bottom: -1px;
  left: 18%;
  z-index: 14; }

/* MOBILE HIDES */
#mobileMenu, ul#mobileMainNav, #utility .search {
  display: none; }

ul#mobileMainNav {
  height: 0px;
  width: 0;
  font-size: 0px;
  visibility: none;
  overflow: hidden; }

/* MAIN SUBNAV */
#mainNav #subnav {
  display: none;
  background: #FFF;
  position: absolute;
  width: 100%;
  z-index: 5;
  -webkit-box-shadow: 0px 8px 11px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 0px 8px 11px rgba(50, 50, 50, 0.3);
  box-shadow: 0px 8px 11px rgba(50, 50, 50, 0.3); }
  #mainNav #subnav > li {
    display: none;
    float: none;
    width: 100%;
    padding: 40px 0 0;
    margin: 0 auto; }
    #mainNav #subnav > li.none {
      padding: 0; }
  #mainNav #subnav.scrolled {
    top: 92px; }
  #mainNav #subnav h4 {
    font: normal 1.063em "TradeGothicW01-BoldCn20 675334", "Arial", sans-serif;
    color: #413e40;
    text-transform: uppercase;
    padding: 0 0 0.7em 0; }
  #mainNav #subnav a.mobile-video, #mainNav #subnav li.back {
    display: none; }
  #mainNav #subnav .video-thumb {
    margin-top: 2px; }
  #mainNav #subnav ul.subnav-cols li {
    width: 15%;
    padding: 0 1.9% 1em 0;
    margin: 0px;
    float: left; }
    #mainNav #subnav ul.subnav-cols li li {
      width: 100%;
      padding: .2em 0;
      margin: 0px; }
    #mainNav #subnav ul.subnav-cols li.mobile-only {
      display: none; }
    #mainNav #subnav ul.subnav-cols li.page-overview {
      width: 22.5%;
      margin-right: 2%; }
    #mainNav #subnav ul.subnav-cols li.living-orphan-links {
      overflow: hidden;
      margin-top: 3%; }
  #mainNav #subnav ul.children li.desc-text {
    font: normal 0.8em / 1.5em "Arial", sans-serif;
    color: #413e40;
    padding: 0 0 5px 0; }
    #mainNav #subnav ul.children li.desc-text a {
      font: inherit;
      font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
      color: #7e7e2b;
      display: inline; }
  #mainNav #subnav ul.children a {
    font: normal 0.8em / 1.5em "Arial", sans-serif;
    color: #7e7e2b;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    font-weight: bold; }
  #mainNav #subnav div.living-details .third-col {
    width: 18%;
    margin-right: 1%; }
  #mainNav #subnav div.living-details li.page-overview {
    margin-right: 1%; }
  #mainNav #subnav div.living-details .family {
    width: 13%; }
  #mainNav #subnav div.joining-details .video-promo {
    width: 33%;
    float: left;
    margin-left: 1%; }
    #mainNav #subnav div.joining-details .video-promo li li {
      width: 50%;
      margin-right: 0; }
  #mainNav #subnav div.joining-details li.page-overview {
    margin-right: 0;
    width: 20.5%; }
  #mainNav #subnav div.joining-details ul.video-promo .video-thumb {
    width: 42%;
    margin-right: 5%; }
  #mainNav #subnav div.joining-details li.third-col {
    width: 23.7%;
    padding: 0;
    margin-left: 1%; }
  #mainNav #subnav div.training-details .video-promo {
    width: 33%;
    float: right; }
    #mainNav #subnav div.training-details .video-promo li li {
      width: 40%;
      float: left; }
  #mainNav #subnav div.training-details ul.video-promo .video-thumb {
    width: 49%;
    margin-right: 5%; }
  #mainNav #subnav div.training-details li.page-overview {
    width: 20%; }
  #mainNav #subnav div.training-details li.third-col {
    width: 25.7%;
    padding: 0; }
  #mainNav #subnav div.training-details .subnav-cols li.third-col-sp {
    width: 21%;
    padding: 0; }
  #mainNav #subnav div.training-details ul.video-promo-sp {
    width: 38%;
    float: right; }
    #mainNav #subnav div.training-details ul.video-promo-sp > li {
      width: 100%; }
    #mainNav #subnav div.training-details ul.video-promo-sp li li {
      width: 43%;
      float: left; }
    #mainNav #subnav div.training-details ul.video-promo-sp .video-thumb {
      width: 34.3%;
      max-width: 125px;
      margin-right: 5%; }
    #mainNav #subnav div.training-details ul.video-promo-sp li.page-overview {
      width: 20%; }
  #mainNav #subnav div.working-details li.page-overview {
    margin-right: 4%; }
  #mainNav #subnav div.working-details .video-promo {
    margin-left: 3.2%; }
  #mainNav #subnav div.supporting-details ul.subnav-cols li {
    margin-right: 4.5%; }

.video-promo {
  width: 38%;
  float: left;
  max-width: 360px; }

#mobile-space {
  min-height: 30px;
  background-color: #fff; }

#mainNav #subnav .video-promo li {
  width: 100%; }
  #mainNav #subnav .video-promo li li {
    width: 54%;
    margin-right: 5%; }
  #mainNav #subnav .video-promo li.video-thumb {
    width: 34.7%;
    max-width: 125px;
    float: left; }

img.nav-separator {
  margin-left: -13%; }

/* UTILITY TOP NAV */
#utility {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.5em 1em 0.25em 0;
  font-size: 0.8em;
  width: 90%; }
  #utility ul {
    text-align: right;
    float: right;
    clear: both;
    margin: 0 2% 0 0; }
  #utility li {
    float: left;
    padding: 1px 0 0; }
    #utility li.share {
      padding: 6px 2px 0 4px;
      margin: 0; }
    #utility li.options {
      padding: 3px 2px 5px;
      margin: 0 0 0 4px; }
    #utility li.less {
      display: none; }
    #utility li.more {
      padding-right: 6px; }
  #utility a {
    display: inline;
    margin: 0 0 0 0.5em; }
  #utility li img {
    vertical-align: middle; }
  #utility .stButton .sharethis {
    font: normal 13px / 13px "Arial", sans-serif;
    color: #333;
    background-position: right 0;
    padding: 0 20px 0 0; }
  #utility li a {
    display: inline-block;
    margin: 3px 13px 5px;
    padding: 0px;
    color: #989855;
    text-transform: uppercase;
    text-decoration: none;
    font-size: .9em;
    vertical-align: top; }
    #utility li a:hover {
      color: #7b7b26; }
    #utility li a.open {
      color: #fff; }
  #utility li.share a {
    background: transparent;
    height: 20px;
    margin: 0;
    padding: 0;
    width: 50px;
    background: url("data:image/gif;base64,R0lGODlhMgCaAPf/AO5ZOuRpTfXSyvro5Pz08uCEb+ShkeummPOMdPOqmdZdQvbEud1UNuqmlvqbhchNMfnTyvXPxu6pmtFkTeJ6Y9JxXPR8YNRSNvyunP3Mwd1zW+iCau9dPtBOMe69sutwVPGGbuFcPvmRefqAZuhiQ/rJv9pFJf3h2up0WttCItmBbv3r5/26q/bc1v3XzvHOx8tML/nf2cpAI+hfQf3GufVbOvyrmvCkk/7r5vnm4t+BbPism/apmN9DI+hNLrkrD/x4V98+HeFBIPt0U/x2VflaOfdwT/lzUvhYN/p2VfhWNd47Gvx5WPtyUflcO+JEI/VsS/FjQvRpSPtwT/tuTebm5vpmRfppSPlePeRIJ8XFxdRQNPpsS8I9IYyMjOhQL+xYN+ZMK/liQflgP+1dO+pUM//188RBJZGRkff39/718vFZOcA/JtVXO8VEKPvVzeuhkPynk/ermsdHK/7Yz/ehjvi2p9Z4ZPre2NRDJPVkRPzz8d9NLdR1YNM2F/SkksBBKOdXOfaHbdhsVPFbO81cQs1UOO2HcPNTM/708dd7Zt1GJuFRMd1JKfBiQvyNcuF1XfqOd+6gj+SDbPuJb/re1/TUzeReP+mHce1zWeOdjthYPOaSgO2LdOyllPFzWPezpPe7rfVzVO6Hb/vz8f7f2eGJdOKMee54XeBiR/Z5XeNlSfyVfPJtT++ikf7i3POrnPGun9+VhOVSMvzo499/as1EJup5YPvUy+abi+tjRPNrS91aPfCCafyxn/SCaNVZPeu7r+B+ad1WOOuypOm3rPt6W/OikPvq5vCmlt6Qf/ygivp2V/OTfPrb1eKfkP7Z0OyBaeibiuieju+ciu2ejeKCbOatn+2YhOFVN+eRfedWNvWplvLRyuF4Xs5kTdlOL+3Eu+1mR/zp5fzq5dVMLtJTOPvDtvKgjvy1pe9yVchFKeafj+WYh/nBs/HIvv3Ctd9YONdVOM5BI8pXP/jUzOqKdOiMd9toUN1iSONuU8HBwYmJifX19f///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOkEyRDgxODE2MkMyMDY4MTE4NzFGRDNDMzU5QkE3OTE3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkMzMjA1M0I4QkM4RjExRTBCRDBEQkE0MTlGMTc4MDZGIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlFQzFFMTZFQkM4RDExRTBCRDBEQkE0MTlGMTc4MDZGIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUuMSBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDMjFGMUIwQjMyMjA2ODExODcxRkQzQzM1OUJBNzkxNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMkQ4MTgxNjJDMjA2ODExODcxRkQzQzM1OUJBNzkxNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAP8ALAAAAAAyAJoAAAj/AP+h8EGwoMGDCBMqXOgDxb8ZUphInEixosWLGDMykTLDB5CPIEOKHEmypEmQBImoXMmypcuXMGOuJDikps2bOHPq3MnTJsEmQJv4G0rUX9CjSJMqXXqU4JSnRaM+nWKMxtBXy6Y8gvZoqtevYL8SpEK2KJWiCsjSMIPNlCUC6lj5u7eLrN27ePOSJcilb1EuaPvSQaZBnAUJGkT487DCTBwulOj4M8OCSxw6vvwxYzH5cV8uBK+IHiq69FBgoh0MPcHCAgnF7+zFIKArw4kAufxFw+AvBixiODo18IeqNEEryItaKdoGuRUEHgj4I6Aqkr8CIeT422QF0wEX13f4/xvEi1y9A9ob6EF+PDnR5USbW8EQydElaf4aWC/giHcbeGbYkcB12rWhhxkCSJBAAgXMwJ4PYkQYVVEXRIgDHp+IMYI/7Rzijw4c2ODPBf4kIw81H/IwohgZCJDKBxAcwkGEBI1h4xgTjniBjSMMQBQuF4DwYYgjpuMPBKX4c4qKO44wzlAlDMOBjQRhYaWVW2Sp5RZXYkEIJLUosAUDWACwBQBYBMLlLfgwwMCZalr5pQZbZHMlQU7kqeeefOq5BgA19LnnGoEK6sQaa+xJUBGMNuroo5BGKumkjRKExKWYZqrpppx26immPsyAiBKklmrqqaimquqqSiAyw0MMxf8q66yv/lPID7jmquuuvPbq668/FPIPGyGcZOyxyIbAxg9JNOvss9BGK+201DqL6xHYZqvtttx26+232eJqxLjklmvuueimqy65uELhLhQ5vivvvPTWa6+8uEqhb45D6SuFKOes5oAUgrggiL8IJ6xwwrhG4bBZRRnisDtqaKNCNwQEgMB1Mzjs8ccgh+xwww8TBRhREkfxxgCDXIJCA4NsHAw5atQRxS9v+KOGHVHU8YZ4rdihs80e40rG0aSVdsVQDxzdzFB4gPLBMKP4E441LewRTwmVKCCLP95w408LnlwzziQG+KPP0WTgCsbbyhUFw9tgbFAMKf7s8YGQimz/cYM/cwtjAAT+KPL3BB0MIIABfz+zzdu4liF53ETNIfkfvTBSjjL+aBKNP3cw8oc/c4SSSCxwgO4K6bMk8gI7cMBxBziS4/rF7fz648bttLSwyheZ+KMMBf70wccxuvszzTqcFC+J7l8s8II5+URAAR+34xrG9mHkeMYZ23+QA1ERnEF8H42g488ZsPgTgTP+qFDN+mGIP9QCtjSyPa5Z9N9/FwAMYBf8l4VFTKACD+iCDLJggi6YIAt5GCA+6CEDGTgwgv0z4De6MA//4eoJIAyhCEcYwhSkoAckFOEJUwhCE4oQV0KIoQxnSMMa2vCGOJQhroLAwx768IdADKIQ/4fYwx8Awg9LSKISl8jEJjrxiVBcgh8AMSxgWfGKWGTDP/6hhX148YtgDKMYx0jGMu5DC1zsR+7WyMY2FqUfXXSjHOc4IS/S8Y5ztCMe97hGPfLxj1HxIyAHKchB/rGQhtwjIhN5x0UyMo/7eOQhIylJRVKyko28JCYhuclMdpKOjvxkjkIpykBqspS5IyUqh6LKVbYSla8sZSxFOctP1rKTt9xkLjG5y0r2UpJnTMMqc5cGNHbRjGVU4xuRSUY0bvGZ0IymNLe4D2X6ox/7mKY2t8lNblbzmtnspjjHuc1IhpOc6EznP86pzmiigR/wjKc850nPetrznvxAwz+8UP+FfvjznwANqEAHStCC9qMKXuCHQRfK0Ib6E54OjahE/wnRiVqUoRW9qEYHmtGNevShCv2oSDsqUo2StKQWPSlKJarSlTq0pS7FaEhjOlGY0rSgNr0pR2eq04bmtKcA/SlQQTpUn/K0qAQV6lCVClSm9tSpOoXqTaVKU6rG1KouxepKtYpSfvATqQVF6D7xic9+ArQKZLWnF9oZTX6Y9aD8YKtc29pPtM71rs90a1zxyte98vWZx2SmYL/oTHRqwZqPhGM6T/lIdoqTsYx0bDchm0jJehOXi8UsOb+py80i1pfj5KxmvflZXoa2tMD0rC3RKVrQsna0oYXtY2U7WdplclMLwqxkMdUZ2MEKtrDofGdahytPfabzqzEVKzqPutV0Mrerzo1qdKc63aou961XJadbnzrO7XK3m979Lnixa93ukjer15XuctWrXfZ2173ifG5J/TpO5LpUuehMKHH3u1ZxBgQAOw==") no-repeat scroll 0 0 transparent; }

/* SEARCH BOX */
.search-btn {
  margin-left: 79px;
  width: 190px; }

.search-box {
  background: #4e4e4e;
  display: inline-block;
  overflow: hidden;
  padding: 0 0 0 4px;
  vertical-align: top;
  border-radius: 15px;
  width: 190px;
  margin-top: 1px; }
  .search-box input {
    background: #4e4e4e;
    border: none;
    float: left;
    display: inline-block;
    padding: 0px 0 1px 1px;
    vertical-align: middle;
    color: #fff;
    margin: 3px 0 0 8px;
    height: 17px;
    width: 120px; }
  .search-box input:focus {
    outline: none; }
  .search-box button {
    background: url("../images/searchicon.png") center center no-repeat;
    cursor: pointer;
    height: 0;
    overflow: hidden;
    padding: 24px 0 0;
    vertical-align: middle; }
    .search-box button:hover {
      background: url("../images/searchicondark.png") center center no-repeat; }
  .search-box ::-webkit-input-placeholder {
    color: #fff; }
  .search-box :-moz-placeholder {
    /* Firefox 18- */
    color: #fff; }
  .search-box ::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff; }
  .search-box :-ms-input-placeholder {
    color: #fff; }

/* FACEBOOK LIKE BUTTON */
#mobileNav {
  display: none;
  padding: 0.5em 0.4em 0.5em 0;
  overflow: hidden; }
  #mobileNav ul {
    float: right;
    width: 42%; }
  #mobileNav li {
    float: right; }
    #mobileNav li.menu, #mobileNav li.options {
      padding: 0;
      width: 100%;
      background: #cccccc url("/sites/all/themes/basic/images/arrow-open.gif") right center no-repeat; }

/* MOBILE SUBNAV */
#mobileNav ul.sub-nav {
  margin: 0px 0px 0px 2%;
  width: 98%;
  list-style: none;
  position: relative; }
  #mobileNav ul.sub-nav:hover {
    margin-bottom: 125px; }

ul.sub-nav ul {
  margin: 0px 0px 0px 2%;
  width: 98%;
  list-style: none;
  position: relative; }

#mobileNav ul.sub-nav li {
  margin: 0px 0px 0px 0px;
  width: 100%;
  background: #cccccc url("/sites/all/themes/basic/images/arrow-open.gif") right center no-repeat; }
  #mobileNav ul.sub-nav li:hover {
    background: #AAAAAA; }
  #mobileNav ul.sub-nav li a {
    display: block;
    padding: 10px 30% 10px 30%;
    color: #000000;
    font-family: Arial, Times New Roman, Tahoma;
    font-size: 18px;
    background: none;
    height: 100%; }
#mobileNav ul.sub-nav ul {
  display: none;
  position: absolute;
  margin: 0px;
  width: 99%;
  text-align: left;
  border: 1px solid #AAAAAA;
  padding: 1px;
  background: #FFFFFF;
  top: 100%;
  left: 0; }
  #mobileNav ul.sub-nav ul li {
    background: #F5F5F5;
    color: #000;
    border-bottom: 1px solid #DDDDDD;
    float: none; }
    #mobileNav ul.sub-nav ul li a {
      width: 100%;
      display: block;
      color: #000000;
      font-size: 16px; }
#mobileNav ul.sub-nav li:hover ul {
  display: block; }

/*########*/
/*#### New stuff to be cleaned up */
.career-profiles {
  background: #f1f2f2;
  width: 72%;
  margin: 0 auto 20px auto;
  padding: 30px 4% 40px 4%;
  overflow: hidden;
  clear: both;
  font: normal 17px / 17px "TradeGothicW01-BoldCn20 675334", "Impact", "Arial", sans-serif; }
  .career-profiles h2 {
    font: normal 2em / 1.3em "TradeGothicW01-BoldCn20 675334", "Impact", "Arial Narrow", "Arial", sans-serif;
    color: #413E40;
    text-transform: uppercase;
    margin-bottom: 10px; }
  .career-profiles p {
    margin: 15px 0;
    color: #535153;
    font: normal .9em / 1.5em "Arial Narrow", "Arial", sans-serif; }
  .career-profiles div {
    width: 94%;
    padding: 30px 3%;
    overflow: hidden;
    background: #fff; }
    .career-profiles div h3 {
      margin: 0;
      padding-top: 30px; }
  .career-profiles img {
    float: left;
    margin: 0 3% 10px 0;
    display: inline; }
    .career-profiles img.arrow-left {
      margin: 140px 0 0 -4%;
      float: left; }
    .career-profiles img.arrow-right {
      margin: 140px -4% 0 0%;
      float: right; }
    .career-profiles img.quote {
      margin: 0 5px 0 0;
      float: none;
      display: inline; }

#main-interior .parent-profiles-wrapper h2 {
  margin: 1.4em 0 0; }
#main-interior .parent-profiles {
  background: #f1f2f2;
  margin: 15px auto;
  padding: 4.5% 4% 3% 6%;
  overflow: hidden;
  width: 90%;
  font: normal 17px / 17px "TradeGothicW01-BoldCn20 675334", "Impact", "Arial", sans-serif; }
  #main-interior .parent-profiles h3 {
    margin: 1.5% 0;
    float: left;
    width: 50%; }
    #main-interior .parent-profiles h3 a {
      font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
      text-transform: capitalize;
      font-size: 14px;
      letter-spacing: 0; }
  #main-interior .parent-profiles p {
    color: #535153;
    font: normal .9em / 1.5em "Arial Narrow", "Arial", sans-serif;
    width: 53%;
    float: left;
    max-width: 450px; }
  #main-interior .parent-profiles div {
    width: 94%;
    padding: 30px 3%;
    overflow: hidden;
    background: #f1f2f2; }
    #main-interior .parent-profiles div h3 {
      margin: 0;
      padding-top: 30px; }
      #main-interior .parent-profiles div h3 a.title {
        text-transform: none; }
  #main-interior .parent-profiles .profile {
    -webkit-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
    box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
    float: left;
    margin: 0 6% 2% 0;
    width: 28.3%;
    max-width: 231px; }
  #main-interior .parent-profiles img.arrow-left {
    margin: 140px 0 0 -4%;
    float: left; }
  #main-interior .parent-profiles img.arrow-right {
    margin: 140px -4% 0 0%;
    float: right; }
  #main-interior .parent-profiles img.quote {
    margin: 0 5px 0 0;
    display: inline;
    vertical-align: text; }
  #main-interior .parent-profiles img.quote-right {
    margin: 5px 0 0 5px;
    display: inline;
    vertical-align: middle; }

.featured-profiles .plain-content blockquote, .view-career-profiles-all .plain-content blockquote {
  display: block; }
  .featured-profiles .plain-content blockquote p, .view-career-profiles-all .plain-content blockquote p {
    display: block; }
.featured-profiles .plain-content p, .view-career-profiles-all .plain-content p {
  display: none; }

.like-box {
  float: right; }

/* DEFAULT TABLE STYLE */
.table-content {
  display: none; }

.service-breakdown {
  display: block;
  padding: 40px 0px;
  max-width: 960px;
  margin: 0 auto; }

table {
  background: #f5f7f6;
  display: table;
  width: 100%;
  margin: 60px auto;
  border-collapse: collapse; }
  table.school-chart {
    margin-top: 20px; }
    table.school-chart tr:first-child {
      height: 30px; }
    table.school-chart tr th {
      background: #fff;
      padding: 0;
      vertical-align: top;
      width: 16%;
      text-align: center; }
  table tr th:first-child {
    border-left: 0; }
  table tr th:last-child, table tr td:last-child {
    border-right: 0; }
  table tr:nth-child(odd) {
    background-color: #f1f3f2; }
  table tr th {
    font: normal 21px / 21px "TradeGothicW01-BoldCn20 675334", "Impact", "Arial", sans-serif;
    text-transform: uppercase;
    background: #f1f2f2;
    color: #403e3f;
    padding: 30px 2%;
    border-right: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5; }
  table tr td {
    color: #6f6f6f;
    padding: 20px 2%;
    border-right: 1px solid #c5c5c5;
    font: normal 14px/20px "Trade Gothic W01 Light", "Arial", sans-serif; }
    table tr td img.link-off-img {
      margin: 0 0 0 7px;
      vertical-align: middle; }
    table tr td.sub {
      padding: 5px 1%; }
      table tr td.sub h6 {
        font-size: 11px;
        font-style: italic;
        padding: 0; }
    table tr td ol {
      list-style-type: disc;
      list-style-position: outside; }
      table tr td ol li {
        margin: 0 0 0 12px; }

.mobile-chart {
  display: none; }

.fixed {
  position: absolute; }

.show-accessible-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

#main {
  background: #e6e7e8;
  overflow: hidden;
  position: relative; }

.gallery-content {
  padding: 33% 0 0; }
  .gallery-content h2 {
    font: normal 2em / 1.3em "TradeGothicW01-BoldCn20 675334", "Impact", "Arial Narrow", "Arial", sans-serif;
    color: #fff;
    text-transform: uppercase; }
  .gallery-content .details {
    background: url("/sites/all/themes/basic/images/bg-gallery.png") 0 0 repeat;
    padding: 1em 1.2em; }
    .gallery-content .details p {
      padding: 0 0 1%;
      color: #fff; }
    .gallery-content .details a {
      color: #fff; }
      .gallery-content .details a:hover {
        color: #ccc; }

.page-external-link-policy #main-interior .two-col {
  margin-bottom: 70px; }

.page-site-accessibility #main-interior .two-col, .page-privacy-policy #main-interior .two-col, .page-about-us #main-interior .two-col {
  margin-bottom: 40px; }

.page-joining-navy #main-interior .logo h2, .page-joining-navy-reserve #main-interior .logo h2 {
  margin-top: -10px; }

#video-section, #interior-section, .interior-section {
  background-color: #fff;
  width: 100%;
  margin: 0 auto 20px;
  min-height: 350px; }

#video-section ul, #interior-section ul {
  padding: 0;
  width: 100%;
  background-color: #fff; }

#video-section li {
  width: 30%;
  margin: 0 1.5%;
  list-style-type: none;
  overflow: hidden;
  float: left; }

.node-type-supporting-overview-page #interior-section li .plain-content li, .node-type-supporting-overview-page .interior-section li .plain-content li {
  float: none;
  width: auto; }

#interior-section li, .interior-section .swipe-slides li {
  width: 47.5%;
  margin: 25px 1.5% 0;
  list-style-type: none;
  overflow: hidden;
  float: left; }
  #interior-section li.even, .interior-section .swipe-slides li.even {
    clear: left;
    margin-left: 0; }
  #interior-section li:nth-child(even), .interior-section .swipe-slides li:nth-child(even) {
    float: left;
    margin-right: 0; }
  #interior-section li:first-child, .interior-section .swipe-slides li:first-child {
    margin-left: 0; }
  #interior-section li li, .interior-section .swipe-slides li li {
    width: auto; }
  #interior-section li p a, .interior-section .swipe-slides li p a {
    color: #7b7b26;
    display: block;
    vertical-align: top;
    font-weight: normal;
    font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
    padding-left: 25px;
    margin: 10px 0 0;
    width: 100%;
    float: none;
    background: url("/sites/all/themes/basic/images/green_arrow_dark.png") top left no-repeat;
    vertical-align: middle; }
    #interior-section li p a:hover, .interior-section .swipe-slides li p a:hover {
      color: #989855; }

/* supporting overview gray background 2nd swipe slide */
.ss2-gray {
  background-color: #f2f2f2; }
  .ss2-gray .plain-content p {
    margin-bottom: 17px; }
  .ss2-gray #for-educators-section {
    margin-top: 17px; }

#main-interior .ss2-gray div.plain-content p {
  margin-bottom: 17px; }
#main-interior .ss2-gray .callout-grid .swipe-slides {
  margin-bottom: 4.9%; }
#main-interior .ss2-gray #interior-section {
  background-color: #f2f2f2; }
  #main-interior .ss2-gray #interior-section h6 {
    float: left;
    width: 180px;
    margin: 0 4% 4px 0; }

.node-type-supporting-overview-page #main-interior .gray-block {
  padding: 0 0 25px;
  margin-top: 10px; }
  .node-type-supporting-overview-page #main-interior .gray-block .grid4 {
    margin-bottom: 0; }
.node-type-supporting-overview-page #main-interior .grid4 {
  margin-bottom: 50px; }
.node-type-supporting-overview-page #main-interior ul li.stagger-left {
  padding-bottom: 5px; }
.node-type-supporting-overview-page #main-interior .last-interior-section {
  display: table;
  margin-bottom: 45px; }
  .node-type-supporting-overview-page #main-interior .last-interior-section ul {
    padding-left: 0; }
  .node-type-supporting-overview-page #main-interior .last-interior-section h3 {
    max-width: 87%;
    float: left;
    margin: 15px 0 0 6%; }
.node-type-supporting-overview-page #main-interior .future-mag img {
  box-shadow: none; }
.node-type-supporting-overview-page .stagger-right .last-interior-section li {
  float: left;
  height: 350px;
  background-color: #fff;
  width: 48%;
  -webkit-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  -o-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  max-width: 455px; }
  .node-type-supporting-overview-page .stagger-right .last-interior-section li img {
    overflow: hidden;
    margin-bottom: 19px;
    box-shadow: none; }
.node-type-supporting-overview-page .stagger-right .last-interior-section .first-resource {
  margin-left: 0; }
.node-type-supporting-overview-page .stagger-right .last-interior-section .second-resource {
  float: right; }
.node-type-supporting-overview-page .stagger-right .last-interior-section .plain-content {
  max-width: 87%;
  float: left;
  margin: 0 0 0 6%; }

.gray-block .grid4 #interior-section, #main-interior .gray-block .grid4 .interior-section {
  background-color: #f2f2f2; }

.grid4 #interior-section .swipe-slides img, #main-interior .grid4 .interior-section .swipes-slides img {
  -webkit-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  -o-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  margin-bottom: 30px; }
.grid4 #interior-section .swipe-slides .plain-content, #main-interior .grid4 .interior-section .swipes-slides .plain-content {
  margin-top: 10px; }

/* working page */
.node-type-working-overview-page #main-interior #interior-section li {
  background: #f2f2f2;
  height: 410px; }
  .node-type-working-overview-page #main-interior #interior-section li img {
    box-shadow: none;
    margin: 0 auto; }
  .node-type-working-overview-page #main-interior #interior-section li h3 {
    margin: 0 0 10px !important;
    padding: 5% 0 0 7%;
    clear: both; }
  .node-type-working-overview-page #main-interior #interior-section li .plain-content {
    margin: 0px 7%; }
.node-type-working-overview-page #main-interior ul li.stagger-left {
  padding-bottom: 0; }

.node-type-working-overview-page #main-interior #interior-section .dot {
  height: 10px;
  background: #fff; }
  .node-type-working-overview-page #main-interior #interior-section .dot.current {
    background: #989898; }

/* career fields remove play button */
.full-content .featured-img:after {
  content: ' '; }

.page-career-fields-and-profiles #main-interior ul li.stagger-left .plain-content {
  width: 64%; }
.page-career-fields-and-profiles #main-interior ul li.stagger-left img {
  width: 30.625%; }

.view-career-fields-and-profiles-indexed #main-interior ul li.stagger-left,
.node-type-career-family #main-interior ul li.stagger-left {
  padding: 60px 0 30px 0; }
  .view-career-fields-and-profiles-indexed #main-interior ul li.stagger-left .plain-content,
  .node-type-career-family #main-interior ul li.stagger-left .plain-content {
    width: 64%; }
  .view-career-fields-and-profiles-indexed #main-interior ul li.stagger-left img,
  .node-type-career-family #main-interior ul li.stagger-left img {
    width: 30.625%;
    max-width: 294px; }

/*

styles for the /videos/military-entrance-processing-station-meps-overview page

*/
#description ul {
  color: #a9a9a9; }

/* end */
/* tertiary nav */
#main-interior .row {
  width: 95%;
  max-width: 960px;
  margin: 0 auto;
  font-size: 85%; }
#main-interior .service-branch-list .service-branch {
  margin: 30px 0 20px; }
#main-interior .service-branch-list li {
  float: left;
  width: 19%;
  margin-right: 1%; }
  #main-interior .service-branch-list li:first-child img {
    width: 22.8%;
    max-width: 36px; }
  #main-interior .service-branch-list li:last-child {
    margin-right: 0; }
    #main-interior .service-branch-list li:last-child img {
      width: 27.5%;
      max-width: 47px; }
  #main-interior .service-branch-list li:nth-of-type(3) img {
    width: 30.5%;
    max-width: 56px;
    min-width: 30px; }
  #main-interior .service-branch-list li img {
    float: left;
    padding-right: 10px;
    width: 29.5%;
    max-width: 47px;
    min-width: 30px; }
  #main-interior .service-branch-list li ul {
    float: left;
    width: 63%; }
    #main-interior .service-branch-list li ul li {
      text-align: left;
      float: none;
      width: 100%; }

.recommended-videos p {
  margin-top: 10px; }
.recommended-videos ul img {
  width: 100%; }
  .recommended-videos ul img:hover {
    opacity: 0.7;
    -moz-box-shadow: 0 19px 28px -14px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 19px 28px -14px rgba(0, 0, 0, 0.35);
    box-shadow: 0 19px 28px -14px rgba(0, 0, 0, 0.35); }

li h3 {
  margin: 30px 0 2% 5%;
  text-align: left; }
li p {
  margin: 0;
  text-align: left; }
li .nav-video-thumb {
  width: 100%;
  max-width: 100%;
  -webkit-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  -o-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35); }
li div.next-step img {
  box-shadow: none;
  width: 100%;
  max-width: none; }

.callout-grid p {
  font-size: 14px;
  color: #413e40; }
.callout-grid ul {
  padding: 0;
  background-color: #e6e7e8;
  width: 100%; }
.callout-grid h2 {
  padding: 4% 0 2% 1.5%;
  color: #413e40;
  font: normal 28px/30px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
  text-transform: uppercase;
  letter-spacing: .03em;
  background-color: #e6e7e8;
  clear: both; }
.callout-grid li {
  width: 22%;
  margin: 0 1.5%;
  list-style-type: none;
  overflow: hidden;
  float: left; }
  .callout-grid li.last {
    display: none; }

/* VIDEOS PAGE */
body#videos {
  background: #fff; }

#video-grid {
  background-color: #fff;
  width: 80%;
  margin: 0 auto;
  max-width: 960px;
  overflow: hidden; }
  #video-grid .pager {
    display: none; }
  #video-grid ul {
    background-color: #fff; }
  #video-grid li.last-video {
    margin: 20px 0 0 0; }

.up-next-mbl {
  display: none; }

#branch-logo-mbl {
  display: none; }

#main-interior .video-info {
  width: 80%;
  max-width: 960px;
  margin: 0 auto;
  background: #403e41;
  overflow: hidden;
  z-index: 2;
  position: relative; }
  #main-interior .video-info h3 {
    color: #fff;
    font: normal 17px/20px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
    padding: 0 0 5px; }
#main-interior .tag-list {
  float: left; }
  #main-interior .tag-list a {
    color: #989855; }
    #main-interior .tag-list a:hover {
      color: #7b7b26; }
#main-interior .back-to-results {
  font-size: 13px;
  margin: 17px 25px 10px 0;
  color: #989855;
  float: right; }
  #main-interior .back-to-results:hover {
    color: #7b7b26; }
#main-interior .up-next {
  width: 16%;
  position: absolute;
  right: 0;
  top: 70px;
  bottom: 35px;
  margin: auto;
  border-left: 1px solid #a9a9a9;
  padding: 0 25px 0 40px; }
#main-interior .video-description {
  float: left;
  width: 70%;
  margin: 4%; }
  #main-interior .video-description h3 {
    color: #fff;
    font: 18px / 20px "TradeGothicW01-BoldCn20 675334", "Impact", "Arial", sans-serif;
    text-transform: uppercase; }
  #main-interior .video-description p {
    color: #fff;
    font-size: 14px;
    height: 100%; }
  #main-interior .video-description .read-transcript {
    background: url("../images/green_arrow_dark.png") 0 center no-repeat;
    padding: 0 0 0 26px;
    color: #989855; }
  #main-interior .video-description a:hover {
    color: #7b7b26; }
  #main-interior .video-description h2 {
    color: #fff; }
    #main-interior .video-description h2 span.video-time {
      color: #a9a9a9;
      font: 20px/20px "Arial Narrow", sans-serif;
      vertical-align: middle;
      font-weight: normal;
      margin-left: 5px; }
  #main-interior .video-description h3 {
    color: #fff;
    font: 17px/24px "TradeGothicW01-BoldCn20 675334", "Impact", "Arial", sans-serif;
    padding: 0 0 9px; }
  #main-interior .video-description #description {
    width: 77%; }
    #main-interior .video-description #description ul {
      list-style-type: disc;
      margin: 0 0 0 25px; }

#main-interior .video-more-info li {
  float: left;
  width: 38%;
  margin-right: 2%; }
  #main-interior .video-more-info li .link-off li {
    margin-bottom: 5px; }
    #main-interior .video-more-info li .link-off li a {
      background: url("../images/green_arrow_dark.png") 0 center no-repeat;
      font-size: 14px;
      padding: 0 0 0 26px;
      color: #989855; }
      #main-interior .video-more-info li .link-off li a[target=_blank]:after {
        background: url("../images/external_link_icon_dark.png") 0 0 no-repeat;
        content: '';
        display: inline-block;
        height: 10px;
        margin: 0 0 0 6px;
        vertical-align: middle;
        width: 10px; }
      #main-interior .video-more-info li .link-off li a:hover {
        color: #7b7b26; }
      #main-interior .video-more-info li .link-off li a img {
        width: auto; }
  #main-interior .video-more-info li.logo {
    width: 15%;
    margin-right: 3%; }
    #main-interior .video-more-info li.logo img {
      width: 100%;
      max-width: 94px; }
  #main-interior .video-more-info li ul li {
    width: 100%; }

#video-grid .swipe-slides {
  overflow: hidden;
  height: auto; }

.large-embed-container {
  position: relative;
  margin: 0 auto;
  padding-bottom: 44%;
  overflow: hidden;
  height: auto;
  z-index: 2; }
  .large-embed-container iframe, .large-embed-container object, .large-embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }

.video-wrapper .large-embed-container {
  padding-bottom: 56.25%;
  height: 0;
  margin: inherit;
  overflow: inherit;
  z-index: inherit; }

.embed-container {
  margin: 0 auto;
  z-index: 1;
  padding-bottom: 540px;
  position: relative;
  width: 80%;
  max-width: 960px;
  height: 0;
  -webkit-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  -o-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35); }
  .embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }

.video-hero {
  margin: -115px auto 20px;
  position: relative;
  height: 711px;
  overflow: hidden;
  background-color: #e6e7e8; }
  .video-hero #hero {
    height: 711px;
    position: absolute;
    width: 1920px;
    right: 50%;
    top: 0;
    margin-right: -960px;
    max-width: none; }
  .video-hero h1 {
    color: #ffffff;
    font: 38px / 42px "TradeGothicW01-BoldCn20 675334", "Impact", "Arial", sans-serif;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    width: 300px; }

.page-joining-types-of-military-service #main-interior section.two-col {
  margin: 20px auto 30px; }
.page-joining-types-of-military-service #main-interior a.more-less.expanded {
  margin: 8px 0 30px; }

#main-interior .video-search {
  background-color: #f1f2f2;
  width: 80%;
  max-width: 960px;
  padding: 30px 0 0;
  margin: 0 auto;
  position: relative; }
  #main-interior .video-search h2 {
    color: #525153;
    font: 24px/26px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    margin: 15px 0 5px 0;
    padding: 0 0 0 36px; }
  #main-interior .video-search p {
    padding: 0 36px;
    height: 40px; }
  #main-interior .video-search ul#video-filters {
    overflow: hidden; }
    #main-interior .video-search ul#video-filters li {
      float: left;
      width: 21%;
      margin-right: 4%; }
      #main-interior .video-search ul#video-filters li#last {
        width: 25%;
        margin-right: 0%; }
      #main-interior .video-search ul#video-filters li input#keyword-search {
        font: 16px / 21px "Arial", sans-serif;
        letter-spacing: 0.03em;
        text-transform: none;
        padding: 8px 2%;
        border: none;
        width: 70%; }
      #main-interior .video-search ul#video-filters li img#search-icon {
        vertical-align: middle;
        width: 35px;
        box-shadow: none; }
      #main-interior .video-search ul#video-filters li div {
        background: #fff;
        opacity: 0.9;
        padding: 8px 1%;
        border: 1px solid #c4c4c4;
        position: absolute;
        width: 18%;
        display: none; }
        #main-interior .video-search ul#video-filters li div#keyword-dropdown ul li {
          float: none;
          width: 100%;
          padding: 5px;
          color: #707014;
          font: 16px / 20px "TradeGothicW01-BoldCn20 675334", "Impact", "Arial", sans-serif;
          letter-spacing: 0.03em;
          text-transform: none; }
          #main-interior .video-search ul#video-filters li div#keyword-dropdown ul li#key {
            border-bottom: 1px solid #c4c4c4;
            width: 95%;
            color: #413E40;
            margin-bottom: 5px;
            padding-bottom: 10px; }
          #main-interior .video-search ul#video-filters li div#keyword-dropdown ul li a {
            color: #707014; }
            #main-interior .video-search ul#video-filters li div#keyword-dropdown ul li a:hover {
              color: #413E40; }
        #main-interior .video-search ul#video-filters li div.placeholder-dropdown {
          text-align: right;
          color: #707014;
          font-weight: bold;
          border: none;
          opacity: 1;
          display: block;
          position: relative;
          padding-right: 12px;
          width: 100%; }
        #main-interior .video-search ul#video-filters li div input {
          margin: 10px 10px 10px 5px; }
        #main-interior .video-search ul#video-filters li div label {
          color: #707014;
          font: 16px / 20px "TradeGothicW01-BoldCn20 675334", "Impact", "Arial", sans-serif;
          letter-spacing: 0.03em;
          text-transform: none; }
      #main-interior .video-search ul#video-filters li h3 {
        color: #707014;
        font: 16px / 20px "TradeGothicW01-BoldCn20 675334", "Impact", "Arial", sans-serif;
        letter-spacing: 0.03em;
        text-transform: none;
        margin: 5px 0; }
      #main-interior .video-search ul#video-filters li p {
        color: #525153;
        font-size: 14px; }

h2#search-title {
  float: right;
  margin: 15px 12% 5px 0; }

.back-arrow {
  vertical-align: middle;
  display: inline;
  margin-right: 13px; }

.external-link {
  margin-left: 5px; }

/*#### Mobile callout style */
.is-mobile #main .service-branches-links ul {
  float: none;
  min-height: 0;
  width: auto; }
  .is-mobile #main .service-branches-links ul ul {
    margin: 0;
    padding: 0; }

/*## End mobile */
/* supporting/parents stories h3 styling */
.node-type-parents-story-detail-page .full-content h3 {
  font-size: 16px;
  font-style: italic; }

.callout-grid a img {
  width: 100%;
  text-decoration: none;
  border: 0px;
  background: #fff;
  display: block;
  -moz-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  transition: opacity 0.2s linear;
  -webkit-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -ms-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  -webkit-backface-visibility: hidden; }
.callout-grid a:hover img {
  opacity: 0.7;
  transition: opacity 0.1s linear;
  -webkit-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -ms-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear; }
.callout-grid h4 {
  font: normal 17px / 17px "Trade Gothic W01 Bold 2", "Impact", "Arial", sans-serif;
  margin: 0 0 4.5% 0;
  padding-top: 24px; }
  .callout-grid h4 a {
    color: #7b7b26;
    text-decoration: none; }
    .callout-grid h4 a:hover {
      color: #989855; }
.callout-grid dl.search-overview {
  position: relative;
  padding: 22px 0 18px 65px;
  margin: 5px 0 0;
  background: #eee; }
.callout-grid dl.learn-parents-edu {
  margin: 0 0 0 54%;
  width: 47.5%; }
.callout-grid .search-overview {
  overflow: hidden;
  width: auto; }
  .callout-grid .search-overview span.type {
    position: absolute;
    left: 15px;
    top: 24px;
    padding: 0 13px;
    background: #ddd;
    color: #666; }
  .callout-grid .search-overview dt {
    float: left;
    width: 95px; }
  .callout-grid .search-overview dd {
    padding: 0 20px 0 26px;
    border-left: 1px solid #999;
    margin: 0 0 0 100px; }

.contain {
  width: 95%;
  margin: 0 auto;
  max-width: 960px; }

.notransition,
.notransition .slide,
.notransition > li {
  -webkit-transition-duration: 0 !important;
  -moz-transition-duration: 0 !important;
  -ms-transition-duration: 0 !important;
  transition-duration: 0 !important;
  -webkit-transition-delay: 0 !important;
  -moz-transition-delay: 0 !important;
  -ms-transition-delay: 0 !important;
  transition-delay: 0 !important; }

.mobile-only {
  display: none; }

@media screen and (max-width: 640px) {
  .img_slides_wrap {
    width: 100%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box; } }
#map-options h2 {
  padding: 0 0 1%;
  color: #413E40;
  font: normal 21px / 21px "TradeGothicW01-BoldCn20 675334", "Impact", "Arial", sans-serif;
  text-transform: uppercase;
  letter-spacing: .03em; }

.service-branches-links {
  width: 100%;
  background-color: #FFF; }
  .service-branches-links .contain {
    width: 95%;
    max-width: 960px;
    margin: 0 auto;
    padding: 60px 0; }
  .service-branches-links h2 {
    padding: 0 0 1%;
    color: #413E40;
    font: normal 28px/30px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
    text-transform: uppercase;
    letter-spacing: .03em; }
  .service-branches-links p {
    padding: 0 0 2.8%;
    width: 51%;
    font-size: 14px; }
  .service-branches-links ul {
    overflow: hidden; }
  .service-branches-links li {
    background: url("/sites/all/themes/basic/images/icon-navy-large.png") 0 0 no-repeat;
    float: left;
    padding: 110px 0 0;
    width: 20%; }
    .service-branches-links li.army {
      background-image: url("/sites/all/themes/basic/images/icon-army-large.png"); }
    .service-branches-links li.marines {
      background-image: url("/sites/all/themes/basic/images/icon-marines-large.png"); }
    .service-branches-links li.navy {
      background-image: url("/sites/all/themes/basic/images/icon-navy-large.png"); }
    .service-branches-links li.airforce {
      background-image: url("/sites/all/themes/basic/images/icon-air-force-large.png"); }
    .service-branches-links li.coastguard {
      background-image: url("/sites/all/themes/basic/images/icon-coast-guard-large.png"); }
    .service-branches-links li li {
      float: none;
      background: transparent;
      padding: 0 0 2%;
      width: auto;
      font-size: 0.875em; }
      .service-branches-links li li a {
        color: #7b7b26;
        font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif; }

/*#### Careers Overview Style */
.career-fields-overview {
  background: #ddd;
  padding: 2%;
  margin: 15px 0 0; }
  .career-fields-overview fieldset {
    font-weight: bold;
    padding: 15px 0;
    font-size: 1.2em; }
    .career-fields-overview fieldset fieldset {
      font-size: 1em;
      padding: 10px 0 0 9px;
      display: inline; }
  .career-fields-overview label, .career-fields-overview input {
    display: inline;
    padding: 0 10px; }
  .career-fields-overview select {
    display: inline;
    margin: 0 10px;
    width: 30%; }
  .career-fields-overview button {
    background: #f0f0f0;
    margin: 0 0 0 10px;
    padding: 5px 20px;
    cursor: pointer; }
    .career-fields-overview button:hover {
      background: #666;
      color: #fff; }

.sub-utilities {
  position: relative;
  padding: 25px 0; }
  .sub-utilities dt, .sub-utilities dd {
    display: inline; }
  .sub-utilities select {
    display: none; }
  .sub-utilities ul {
    display: inline; }
  .sub-utilities li {
    display: inline;
    padding: 0 5px; }
    .sub-utilities li a {
      padding: 0 5px; }
    .sub-utilities li.current a {
      color: #333;
      text-decoration: none;
      background: #ddd; }
  .sub-utilities .career-search {
    position: absolute;
    right: 0;
    top: 25px; }
    .sub-utilities .career-search input {
      padding: 4px;
      margin: 0;
      width: 220px; }
    .sub-utilities .career-search button {
      background: #f0f0f0;
      cursor: pointer;
      padding: 3px 20px; }
      .sub-utilities .career-search button:hover {
        color: #fff;
        background: #666; }

/*## Career Search Results Style */
.main-content {
  width: 60%;
  float: left; }
  .main-content h1 {
    padding: 0 0 23px; }
  .main-content .video-list li {
    display: none; }
    .main-content .video-list li.current {
      display: block; }
    .main-content .video-list li h4 {
      display: none; }
  .main-content .bcove-video object {
    width: 100%;
    height: 400px; }

.bcove-video embed {
  width: 100%;
  height: 400px; }

.main-content .bcove-video img {
  width: 100%;
  height: auto; }
.main-content a.transcript {
  font-size: .8em;
  padding: 1% 0 1%;
  display: block; }
.main-content a.cta-btn {
  float: right;
  border: 1px solid #999;
  background: #ddd;
  text-decoration: none;
  padding: 3px 5px; }
.main-content .video-gallery-nav {
  display: none; }
.main-content .video-details {
  border: 1px solid #999;
  background: #ddd;
  padding: 4% 5%;
  margin: 0 0 1%; }
.main-content article {
  padding: 6% 0 0;
  overflow: hidden;
  clear: both;
  line-height: 1.4em;
  font-size: .9em; }
  .main-content article img {
    float: left;
    padding: 0 3% 1% 0; }
  .main-content article h2 {
    font: normal 1.1em/1.3em "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
    text-transform: uppercase; }
.main-content .responsibilities-list {
  float: left;
  width: 45%;
  padding: 3% 5% 0 0; }
  .main-content .responsibilities-list dt {
    text-transform: uppercase;
    font: normal 1.2em / 1.2em "TradeGothicW01-BoldCn20 675334", "Arial", sans-serif; }

/*#### Career Homepage */
#main .callout-grid {
  width: 95%;
  max-width: 960px;
  margin: 0 auto 40px auto;
  display: table; }
  #main .callout-grid h2 {
    float: left;
    margin: 4% auto 2%;
    padding: 0; }
  #main .callout-grid ul {
    overflow: hidden; }
  #main .callout-grid li {
    width: 22.7%; }
    #main .callout-grid li:first-child {
      margin-left: 0; }
    #main .callout-grid li.fourth {
      margin-right: 0; }

/*#### Career Detail Page */
.career-overview {
  position: relative;
  overflow: hidden;
  padding: 20px 0 20px; }
  .career-overview h4 {
    text-transform: uppercase;
    font: normal 1.2em / 1.2em "TradeGothicW01-BoldCn20 675334", "Arial", sans-serif;
    padding: 2% 0 1%; }
    .career-overview h4 span {
      background: #ddd;
      font-size: .7em;
      font-family: "Arial", sans-serif;
      text-transform: none;
      padding: 5px 10px;
      margin: 0 0 0 10px;
      border: 1px solid #999; }
  .career-overview img {
    float: left;
    padding: 0 2% 2% 0; }
  .career-overview p {
    line-height: 1.6em;
    padding: 0 0 15px; }
  .career-overview .role-type {
    position: absolute;
    left: 0;
    top: 0; }

.career-details {
  overflow: hidden;
  padding: 2% 0 2%;
  margin: 0 0 20px; }
  .career-details li {
    float: left;
    width: 27.3333%;
    padding: 20px 2%;
    margin: 0 1%;
    background: #ddd; }
  .career-details h4 {
    text-transform: uppercase;
    font: normal 1.2em / 1.2em "TradeGothicW01-BoldCn20 675334", "Arial", sans-serif;
    padding: 0 0 5px; }
  .career-details p {
    font-size: .9em;
    padding: 5px 0 0; }
  .career-details ul {
    font-size: .9em; }
    .career-details ul li {
      float: none;
      list-style-type: disc;
      width: auto;
      margin: 0 0 0 20px;
      padding: 5px 0; }

.career-related {
  overflow: hidden;
  padding: 0 0 20px 0;
  margin: 0 0 20px; }
  .career-related li {
    float: left;
    width: 27.3333%;
    padding: 20px 2%;
    margin: 0 1%; }
    .career-related li img {
      float: left;
      margin: 0 4% 0 0; }
  .career-related h4 {
    text-transform: uppercase;
    font: normal 1.2em / 1.2em "TradeGothicW01-BoldCn20 675334", "Arial", sans-serif;
    padding: 0 0 5px; }
  .career-related p {
    font-size: .9em;
    padding: 10px 0; }
  .career-related ul {
    font-size: .9em; }
    .career-related ul li {
      float: none;
      list-style-type: disc;
      width: auto;
      margin: 0 0 0 20px;
      padding: 2px 0; }

.career-fields-related {
  overflow: hidden;
  background: #ddd;
  padding: 0 1%;
  margin: 2% 0 3%; }
  .career-fields-related li {
    float: left;
    width: 23%;
    padding: 2% 1%;
    font-size: .8em; }
  .career-fields-related img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 5px; }
  .career-fields-related span {
    display: block; }

.career-resources {
  overflow: hidden;
  padding: 2% 0 3%; }
  .career-resources li {
    float: left;
    padding: 0 3% 0 0; }

.career-branches {
  background: #ddd;
  padding: 2% 2%;
  margin: 0 0 5%; }
  .career-branches li li {
    padding: 0 0 2% 9px; }
  .career-branches li.army {
    background-position: -18px 0; }

/*#### Search Results Page */
/*.results-all li {
float: left;
width: 46%;
padding: 0 2%;
}
*/
footer {
  background: #191919; }
  footer .legal {
    padding: 0.8em 1.6em;
    font-size: 0.8em;
    background: url("../images/settingsbg.gif") repeat-x;
    background-position: bottom;
    color: #fff; }
    footer .legal span {
      float: right; }
  footer .footer-contain {
    width: 95%;
    max-width: 960px;
    margin: 0 auto;
    display: table; }
    footer .footer-contain .search {
      display: none; }
    footer .footer-contain .main-links {
      padding-top: 10px;
      font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
      overflow: hidden;
      width: 100%; }
      footer .footer-contain .main-links li {
        float: left; }
      footer .footer-contain .main-links a {
        display: block;
        padding: 0.5em 3em 0.5em 0;
        color: #989855; }
        footer .footer-contain .main-links a:hover {
          color: #7b7b26; }
      footer .footer-contain .main-links .language-toggle {
        font-family: "Trade Gothic W01 Light", "Arial", sans-serif;
        background: #191919;
        font-size: 11px;
        color: #fff;
        float: right; }
        footer .footer-contain .main-links .language-toggle a {
          display: inline;
          padding: 0px;
          text-decoration: underline;
          text-align: right; }
          footer .footer-contain .main-links .language-toggle a.current {
            color: #fff;
            text-decoration: none; }
        footer .footer-contain .main-links .language-toggle span {
          padding: 0px .2em; }
    footer .footer-contain ul#esp-links a {
      display: block;
      padding: 0.5em 1em 0.5em .8em;
      width: auto;
      text-align: center; }
    footer .footer-contain ul.mobile-extras {
      display: none; }
    footer .footer-contain .more-links {
      font-family: "Trade Gothic W01 Light", "Arial", sans-serif;
      font-size: 14px; }
      footer .footer-contain .more-links .about-links ul li {
        margin-bottom: 2%; }
      footer .footer-contain .more-links dl {
        width: 20%;
        float: left;
        margin: 3% 0 4%; }
        footer .footer-contain .more-links dl.promos {
          width: 34%;
          min-width: 215px; }
          footer .footer-contain .more-links dl.promos a:hover img {
            opacity: 0.7; }
        footer .footer-contain .more-links dl.tools {
          width: 28%; }
          footer .footer-contain .more-links dl.tools dt {
            font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
            margin-bottom: 2%; }
          footer .footer-contain .more-links dl.tools li {
            padding: .2em 0; }
          footer .footer-contain .more-links dl.tools a:hover {
            color: #7E7E2B; }
      footer .footer-contain .more-links dt {
        font: normal 0.9em / 1.1em "Arial", sans-serif;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        margin-bottom: .2em; }
      footer .footer-contain .more-links dd a {
        color: #fff; }
        footer .footer-contain .more-links dd a:hover {
          color: #7E7E2B; }

.imgr {
  display: none; }

#faq-page {
  overflow: hidden; }

#faq-header {
  background: #fff;
  padding: 3%;
  margin: 0 0 5%; }

#main-interior .faq-list {
  width: 95%;
  margin: 1.5% auto 2%;
  max-width: 960px; }
  #main-interior .faq-list .accordion {
    display: none; }
  #main-interior .faq-list h2 {
    padding: 25px 0 0 0;
    margin: 27px 0 10px; }
  #main-interior .faq-list .outline {
    font-size: 1.1em;
    line-height: 1.4em; }
    #main-interior .faq-list .outline p {
      padding-bottom: 0; }
    #main-interior .faq-list .outline .expand-all {
      margin: 20px 0 3px; }
  #main-interior .faq-list .question-list {
    padding: 1% 0; }
  #main-interior .faq-list li {
    padding: 1% 0; }
    #main-interior .faq-list li .plain-content ul {
      list-style-position: inside;
      margin-top: -10px; }
      #main-interior .faq-list li .plain-content ul li {
        margin: 10px 0; }
    #main-interior .faq-list li li {
      padding: 0; }
  #main-interior .faq-list dt {
    font-weight: bold;
    font-size: 1.1em;
    overflow: hidden; }
    #main-interior .faq-list dt span {
      padding: 0 1% 0 0;
      color: #26839A;
      float: left;
      width: 2%; }
    #main-interior .faq-list dt a {
      display: block;
      margin: 0 0 0 3%; }
  #main-interior .faq-list dd {
    line-height: 1.4em;
    padding: 2% 0 0 3%;
    display: none; }
  #main-interior .faq-list dl.on dd {
    display: block; }

.faq-types {
  width: 30%;
  margin: 0 0 0 70%;
  padding: 0; }
  .faq-types h2 {
    font-size: 1.2em;
    padding: 0 0 1%;
    margin: -4px 0 0; }
  .faq-types .expand-all {
    display: block;
    padding: 0 0 6%;
    border-bottom: 1px solid #000;
    font-size: .9em; }
  .faq-types ul {
    padding: 5% 0 0; }
  .faq-types li {
    padding: 0 0 2%; }

.view-site-search .video-search .pager,
.view-test-search-page .video-search .pager {
  display: none; }

.view-site-search .video-search .item-list,
.view-test-search-page .video-search .item-list {
  padding: 10px 0 30px; }

/*******************************
            INTERIOR PAGE STYLES
*******************************/
em, .italic {
  font-style: italic; }

strong {
  font-weight: normal;
  font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif; }

#hero-mobile {
  display: none; }

#main-interior {
  background-color: #fff; }
  #main-interior #wrapper-interior .alt-section .stagger-left img {
    max-width: 455px; }

#resource-wrap {
  margin: 0 auto;
  width: 95%;
  max-width: 960px;
  display: table;
  padding: 1.2% 0 3.5%; }
  #resource-wrap .next-step h3 {
    margin: 0 auto;
    padding: 20px 0 4px; }
    #resource-wrap .next-step h3 a {
      font: 22px/30px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif; }
  #resource-wrap .resources h2 {
    margin: 0; }
  #resource-wrap .resources p {
    padding: 0; }
  #resource-wrap .resources p a {
    display: block;
    padding: 22px 0 10px;
    font-size: 17px; }

.page-videos #resource-wrap {
  margin-top: 50px; }

.time {
  margin-top: 10px;
  display: block;
  background: #413f41;
  bottom: 0;
  color: #fff;
  font: normal 14px/16px "Trade Gothic W01 Light", "Arial", sans-serif;
  padding: 6px 10px;
  position: absolute;
  right: 0; }

.node-type-video-page .featured-img {
  -webkit-backface-visibility: hidden; }
  .node-type-video-page .featured-img:after {
    margin-top: -28px; }

#main-interior p {
  line-height: 20px;
  padding-bottom: 15px; }
#main-interior .expand-all {
  margin: 20px 0 10px;
  display: block;
  padding-bottom: 0;
  font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
  color: #7b7b26;
  cursor: pointer; }
  #main-interior .expand-all:hover {
    color: #989855; }
#main-interior section.alt-section {
  background: #f1f2f2;
  padding: 40px 0; }
  #main-interior section.alt-section h2 {
    margin: 0 auto;
    text-transform: uppercase;
    max-width: 960px;
    width: 95%; }
  #main-interior section.alt-section .stagger-left, #main-interior section.alt-section .stagger-right, #main-interior section.alt-section .stagger-none {
    padding: 20px 0; }
  #main-interior section.alt-section .desktop {
    margin-bottom: 10px; }
#main-interior .topmod-wrapper h2 {
  float: left; }
#main-interior .logo {
  float: right;
  width: 47.5%;
  margin-top: -15px; }
#main-interior .video-wrapper-left #player, #main-interior .video-wrapper-right #player {
  width: 100%;
  float: left;
  padding-bottom: 56.25%; }
#main-interior li.stagger-right .logo img, #main-interior li.stagger-left .logo img, #main-interior li.stagger-none .logo img, #main-interior li.quarter-text .logo img, #main-interior .sidebar-image .logo img, #main-interior .sidebar-blank .logo img, #main-interior .sidebar-links .logo img {
  max-width: 51px;
  box-shadow: none;
  margin: 0 2% 2% 0; }
#main-interior li.stagger-right h2.logo-text, #main-interior li.stagger-left h2.logo-text, #main-interior li.stagger-none h2.logo-text, #main-interior li.quarter-text h2.logo-text, #main-interior .sidebar-image h2.logo-text, #main-interior .sidebar-blank h2.logo-text, #main-interior .sidebar-links h2.logo-text {
  margin: 15px 0 30px 0; }
#main-interior li.stagger-right .video-wrapper-left, #main-interior li.stagger-left .video-wrapper-left, #main-interior li.stagger-none .video-wrapper-left, #main-interior li.quarter-text .video-wrapper-left, #main-interior .sidebar-image .video-wrapper-left, #main-interior .sidebar-blank .video-wrapper-left, #main-interior .sidebar-links .video-wrapper-left {
  width: 47.45%;
  margin: 0 5% 30px 0;
  float: left;
  max-width: 455px; }
  #main-interior li.stagger-right .video-wrapper-left .embed-container, #main-interior li.stagger-left .video-wrapper-left .embed-container, #main-interior li.stagger-none .video-wrapper-left .embed-container, #main-interior li.quarter-text .video-wrapper-left .embed-container, #main-interior .sidebar-image .video-wrapper-left .embed-container, #main-interior .sidebar-blank .video-wrapper-left .embed-container, #main-interior .sidebar-links .video-wrapper-left .embed-container {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 56.25%;
    width: 100%;
    max-width: 960px;
    height: auto;
    margin-bottom: 0px; }
    #main-interior li.stagger-right .video-wrapper-left .embed-container iframe, #main-interior li.stagger-right .video-wrapper-left .embed-container object, #main-interior li.stagger-right .video-wrapper-left .embed-container embed, #main-interior li.stagger-left .video-wrapper-left .embed-container iframe, #main-interior li.stagger-left .video-wrapper-left .embed-container object, #main-interior li.stagger-left .video-wrapper-left .embed-container embed, #main-interior li.stagger-none .video-wrapper-left .embed-container iframe, #main-interior li.stagger-none .video-wrapper-left .embed-container object, #main-interior li.stagger-none .video-wrapper-left .embed-container embed, #main-interior li.quarter-text .video-wrapper-left .embed-container iframe, #main-interior li.quarter-text .video-wrapper-left .embed-container object, #main-interior li.quarter-text .video-wrapper-left .embed-container embed, #main-interior .sidebar-image .video-wrapper-left .embed-container iframe, #main-interior .sidebar-image .video-wrapper-left .embed-container object, #main-interior .sidebar-image .video-wrapper-left .embed-container embed, #main-interior .sidebar-blank .video-wrapper-left .embed-container iframe, #main-interior .sidebar-blank .video-wrapper-left .embed-container object, #main-interior .sidebar-blank .video-wrapper-left .embed-container embed, #main-interior .sidebar-links .video-wrapper-left .embed-container iframe, #main-interior .sidebar-links .video-wrapper-left .embed-container object, #main-interior .sidebar-links .video-wrapper-left .embed-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  #main-interior li.stagger-right .video-wrapper-left .arrows, #main-interior li.stagger-left .video-wrapper-left .arrows, #main-interior li.stagger-none .video-wrapper-left .arrows, #main-interior li.quarter-text .video-wrapper-left .arrows, #main-interior .sidebar-image .video-wrapper-left .arrows, #main-interior .sidebar-blank .video-wrapper-left .arrows, #main-interior .sidebar-links .video-wrapper-left .arrows {
    position: relative;
    z-index: 1;
    margin: 10px 0 0; }
#main-interior li.stagger-right .video-wrapper-right, #main-interior li.stagger-left .video-wrapper-right, #main-interior li.stagger-none .video-wrapper-right, #main-interior li.quarter-text .video-wrapper-right, #main-interior .sidebar-image .video-wrapper-right, #main-interior .sidebar-blank .video-wrapper-right, #main-interior .sidebar-links .video-wrapper-right {
  width: 47.5%;
  margin: 0 0 20px 4%;
  float: right;
  max-width: 455px; }
  #main-interior li.stagger-right .video-wrapper-right .embed-container, #main-interior li.stagger-left .video-wrapper-right .embed-container, #main-interior li.stagger-none .video-wrapper-right .embed-container, #main-interior li.quarter-text .video-wrapper-right .embed-container, #main-interior .sidebar-image .video-wrapper-right .embed-container, #main-interior .sidebar-blank .video-wrapper-right .embed-container, #main-interior .sidebar-links .video-wrapper-right .embed-container {
    position: relative;
    margin: 0 auto;
    padding-bottom: 56.25%;
    width: 100%;
    max-width: 960px;
    height: auto;
    margin-bottom: 0px; }
    #main-interior li.stagger-right .video-wrapper-right .embed-container iframe, #main-interior li.stagger-right .video-wrapper-right .embed-container object, #main-interior li.stagger-right .video-wrapper-right .embed-container embed, #main-interior li.stagger-left .video-wrapper-right .embed-container iframe, #main-interior li.stagger-left .video-wrapper-right .embed-container object, #main-interior li.stagger-left .video-wrapper-right .embed-container embed, #main-interior li.stagger-none .video-wrapper-right .embed-container iframe, #main-interior li.stagger-none .video-wrapper-right .embed-container object, #main-interior li.stagger-none .video-wrapper-right .embed-container embed, #main-interior li.quarter-text .video-wrapper-right .embed-container iframe, #main-interior li.quarter-text .video-wrapper-right .embed-container object, #main-interior li.quarter-text .video-wrapper-right .embed-container embed, #main-interior .sidebar-image .video-wrapper-right .embed-container iframe, #main-interior .sidebar-image .video-wrapper-right .embed-container object, #main-interior .sidebar-image .video-wrapper-right .embed-container embed, #main-interior .sidebar-blank .video-wrapper-right .embed-container iframe, #main-interior .sidebar-blank .video-wrapper-right .embed-container object, #main-interior .sidebar-blank .video-wrapper-right .embed-container embed, #main-interior .sidebar-links .video-wrapper-right .embed-container iframe, #main-interior .sidebar-links .video-wrapper-right .embed-container object, #main-interior .sidebar-links .video-wrapper-right .embed-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  #main-interior li.stagger-right .video-wrapper-right .arrows, #main-interior li.stagger-left .video-wrapper-right .arrows, #main-interior li.stagger-none .video-wrapper-right .arrows, #main-interior li.quarter-text .video-wrapper-right .arrows, #main-interior .sidebar-image .video-wrapper-right .arrows, #main-interior .sidebar-blank .video-wrapper-right .arrows, #main-interior .sidebar-links .video-wrapper-right .arrows {
    position: relative;
    z-index: 1;
    margin-top: 10px; }
#main-interior li.stagger-right#service-branch, #main-interior li.stagger-left#service-branch, #main-interior li.stagger-none#service-branch, #main-interior li.quarter-text#service-branch, #main-interior .sidebar-image#service-branch, #main-interior .sidebar-blank#service-branch, #main-interior .sidebar-links#service-branch {
  padding-bottom: 0px; }
  #main-interior li.stagger-right#service-branch p, #main-interior li.stagger-left#service-branch p, #main-interior li.stagger-none#service-branch p, #main-interior li.quarter-text#service-branch p, #main-interior .sidebar-image#service-branch p, #main-interior .sidebar-blank#service-branch p, #main-interior .sidebar-links#service-branch p {
    margin-top: 10px; }
  #main-interior li.stagger-right#service-branch .logo img, #main-interior li.stagger-left#service-branch .logo img, #main-interior li.stagger-none#service-branch .logo img, #main-interior li.quarter-text#service-branch .logo img, #main-interior .sidebar-image#service-branch .logo img, #main-interior .sidebar-blank#service-branch .logo img, #main-interior .sidebar-links#service-branch .logo img {
    max-width: 51px;
    box-shadow: none;
    margin: 0 24px 10px 0; }
#main-interior li.stagger-right ul, #main-interior li.stagger-left ul, #main-interior li.stagger-none ul, #main-interior li.quarter-text ul, #main-interior .sidebar-image ul, #main-interior .sidebar-blank ul, #main-interior .sidebar-links ul {
  list-style-type: disc;
  list-style-position: inside;
  margin-bottom: 20px;
  line-height: 20px; }
  #main-interior li.stagger-right ul.double, #main-interior li.stagger-left ul.double, #main-interior li.stagger-none ul.double, #main-interior li.quarter-text ul.double, #main-interior .sidebar-image ul.double, #main-interior .sidebar-blank ul.double, #main-interior .sidebar-links ul.double {
    width: 50%;
    float: left; }
  #main-interior li.stagger-right ul.arrows, #main-interior li.stagger-left ul.arrows, #main-interior li.stagger-none ul.arrows, #main-interior li.quarter-text ul.arrows, #main-interior .sidebar-image ul.arrows, #main-interior .sidebar-blank ul.arrows, #main-interior .sidebar-links ul.arrows {
    display: table;
    padding-left: 0;
    float: left; }
    #main-interior li.stagger-right ul.arrows li, #main-interior li.stagger-left ul.arrows li, #main-interior li.stagger-none ul.arrows li, #main-interior li.quarter-text ul.arrows li, #main-interior .sidebar-image ul.arrows li, #main-interior .sidebar-blank ul.arrows li, #main-interior .sidebar-links ul.arrows li {
      margin-top: 10px;
      list-style-type: none;
      background: url("/sites/all/themes/basic/images/green_arrow_dark_19.png") no-repeat left top;
      display: table; }
      #main-interior li.stagger-right ul.arrows li a, #main-interior li.stagger-left ul.arrows li a, #main-interior li.stagger-none ul.arrows li a, #main-interior li.quarter-text ul.arrows li a, #main-interior .sidebar-image ul.arrows li a, #main-interior .sidebar-blank ul.arrows li a, #main-interior .sidebar-links ul.arrows li a {
        color: #7b7b26;
        padding-left: 25px; }
        #main-interior li.stagger-right ul.arrows li a:hover, #main-interior li.stagger-left ul.arrows li a:hover, #main-interior li.stagger-none ul.arrows li a:hover, #main-interior li.quarter-text ul.arrows li a:hover, #main-interior .sidebar-image ul.arrows li a:hover, #main-interior .sidebar-blank ul.arrows li a:hover, #main-interior .sidebar-links ul.arrows li a:hover {
          color: #989855; }
      #main-interior li.stagger-right ul.arrows li h3, #main-interior li.stagger-left ul.arrows li h3, #main-interior li.stagger-none ul.arrows li h3, #main-interior li.quarter-text ul.arrows li h3, #main-interior .sidebar-image ul.arrows li h3, #main-interior .sidebar-blank ul.arrows li h3, #main-interior .sidebar-links ul.arrows li h3 {
        margin-top: 20px; }
#main-interior li.stagger-right .social-links, #main-interior li.stagger-left .social-links, #main-interior li.stagger-none .social-links, #main-interior li.quarter-text .social-links, #main-interior .sidebar-image .social-links, #main-interior .sidebar-blank .social-links, #main-interior .sidebar-links .social-links {
  padding-left: 0; }
#main-interior a {
  color: #7b7b26;
  font-weight: normal;
  font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
  text-decoration: none; }
  #main-interior a:hover {
    color: #989855; }
#main-interior h4 {
  color: #7b7b26;
  font-weight: bold;
  text-decoration: none;
  font: 17px "Arial", sans-serif;
  margin: 14px 0px 5px 0px; }
#main-interior h3 {
  margin: 1.5% 0px 1.5% 0px;
  color: #413E40;
  font: 22px/30px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  line-height: 1.1; }
#main-interior h2 {
  margin: 0px 0px 10px 0px;
  color: #413E40;
  font: 28px/30px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
  letter-spacing: 0.03em;
  text-transform: uppercase; }
#main-interior img {
  border: 0 none;
  text-decoration: none;
  max-width: 100%; }

img.full-width {
  width: 100%;
  max-width: none;
  box-shadow: none; }

.gray-bg {
  background-color: #e6e7e8; }

#video-title a:hover {
  color: #6a6a34; }

/* bulleted list */
ul.bulleted {
  list-style-type: disc;
  font-size: 12px;
  padding: 0 0 0 15px;
  max-width: 800px;
  overflow: hidden; }
  ul.bulleted li {
    line-height: 20px;
    margin-bottom: 5px;
    padding: 0px; }

.plain-content ul {
  list-style-type: disc;
  padding: 0;
  max-width: 800px;
  overflow: hidden; }
  .plain-content ul li {
    list-style-position: outside !important;
    list-style-type: disc !important;
    margin: 0 0 0 20px !important; }
.plain-content h6 {
  background: url("/sites/all/themes/basic/images/green_arrow_dark_19.png") no-repeat left top;
  padding-left: 25px;
  margin: 15px 0;
  display: table; }
  .plain-content h6 a {
    font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif; }
    .plain-content h6 a[target=_blank]:after {
      background: url("../images/external_link_icon_dark.png") 0 0 no-repeat;
      content: '';
      display: inline-block;
      height: 10px;
      margin: 0 0 0 8px;
      vertical-align: middle;
      width: 10px; }

#branch-main ul {
  float: left;
  width: 70%;
  overflow: inherit;
  margin-left: 19px; }

#branch-main .plain-content li {
  list-style-type: disc;
  margin-bottom: 12px; }
#branch-main .plain-content h6 {
  width: 69%;
  float: right;
  margin: 5px 0; }

#main-interior .arrow-content a {
  color: #7b7b26;
  font-size: 15px;
  vertical-align: top;
  font-weight: normal;
  font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
  padding-left: 25px;
  margin: 10px 0 0;
  width: 100%;
  float: none;
  background: url("/sites/all/themes/basic/images/green_arrow_dark.png") top left no-repeat;
  vertical-align: middle; }
  #main-interior .arrow-content a:hover {
    color: #989855; }

/* hidden mobile elements */
h3.accordion a, h2.mobile, h3.mobile, .preview-list h4.mobile, #service-branches-mbl {
  display: none; }

h3.accordion {
  background: url("/sites/all/themes/basic/images/accordion-bg.gif") repeat-x scroll center top transparent;
  display: none;
  color: #413E40;
  font: 26px/30px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
  margin: 0px 0px 3% 0px;
  letter-spacing: 0.03em;
  text-transform: uppercase; }
  h3.accordion a {
    background: url("../images/arrow-down.png") 94.5% center no-repeat;
    color: #413E40 !important;
    display: block;
    font: 19px/25px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif !important;
    padding: 5% 16% 5% 5%; }

.faq-list h3 {
  background: url("/sites/all/themes/basic/images/accordion-bg.gif") repeat-x scroll center top transparent;
  color: #413E40 !important;
  display: block;
  font: 19px/25px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif !important;
  padding: 5% 16% 5% 5%;
  position: relative; }
  .faq-list h3:after {
    content: '';
    height: 17px;
    width: 17px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px;
    background: url("../images/arrow-down.png") 94.5% center no-repeat; }

#main-interior .faq-list h2 {
  margin-top: 0px; }

/* show desktop elements */
h2.desktop, h3.desktop {
  display: block; }

/* image left, text right */
#main-interior li.stagger-right {
  padding: 40px 0 0 0;
  list-style-type: none;
  max-width: 960px;
  width: 95%;
  margin: 0 auto;
  clear: both;
  display: table; }

/* callout-grid spacing */
#main-interior li.grid4 .callout-grid .swipe-slides li {
  margin-top: 13px; }
  #main-interior li.grid4 .callout-grid .swipe-slides li p {
    padding: 0; }

.page-joining #main-interior .stagger-right {
  padding-top: 12px; }

#main-interior .stagger-none {
  padding: 40px 0;
  max-width: 960px;
  width: 95%;
  margin: 0 auto;
  clear: both;
  overflow: hidden; }

#main-interior section.two-col {
  margin: 20px auto 0;
  width: 95%;
  max-width: 960px;
  overflow: hidden; }
  #main-interior section.two-col h3 {
    margin: 1.5% 0; }
  #main-interior section.two-col .accordion {
    margin: 0; }
  #main-interior section.two-col .sidebar-links h3 {
    margin-bottom: 7px; }
  #main-interior section.two-col li.quarter-text ul.arrows {
    margin-bottom: 6px; }

#main-interior li.quarter-text {
  padding: 40px 0 0;
  width: 65%;
  max-width: 1000px;
  margin: 0;
  clear: none;
  overflow: hidden;
  text-align: left; }
  #main-interior li.quarter-text .plain-content h6 {
    margin-top: 0; }

.sidebar-blank {
  width: 20%;
  background: #fff;
  float: right;
  padding: 20px 0 10px 0%;
  margin: 40px 10% 0 5%;
  clear: both;
  overflow: hidden; }
  .sidebar-blank h3 {
    margin-bottom: 5px; }
  .sidebar-blank li {
    padding: 4px 0; }

.sidebar-image {
  width: 20%;
  background: #e6e7e8;
  float: right;
  padding: 0 0 20px 0;
  margin: 40px 10% 0 5%;
  clear: both;
  overflow: hidden; }
  .sidebar-image img {
    width: 100%;
    box-shadow: none;
    border: 0;
    padding: 0;
    margin: 0 0 10px 0; }
  .sidebar-image h3, .sidebar-image ul, .sidebar-image p {
    padding: 10px 10%; }

.sidebar-links {
  background: #e6e7e8;
  padding: 26px 10.5% 10px;
  margin: 40px 0 50px;
  overflow: hidden; }
  .sidebar-links h3 {
    margin-bottom: 5px; }
  .sidebar-links li {
    margin-bottom: 15px; }

.page-joining-army .sidebar-links h3,
.page-joining-army-reserve .sidebar-links h3 {
  background: url("/sites/all/themes/basic/images/icon-army-large-alt.png") 0 bottom no-repeat;
  padding: 0 0 108px; }

.page-joining-army-national-guard .sidebar-links h3 {
  background: url("/sites/all/themes/basic/images/icon-army-nat-guard-large.png") 0 bottom no-repeat;
  padding: 0 0 108px; }

.page-joining-marine-corps .sidebar-links h3,
.page-joining-marine-corps-reserve .sidebar-links h3 {
  background: url("/sites/all/themes/basic/images/icon-marines-large.png") 0 bottom no-repeat;
  padding: 0 0 108px; }

.page-joining-navy .sidebar-links h3,
.page-joining-navy-reserve .sidebar-links h3 {
  background: url("/sites/all/themes/basic/images/icon-navy-large.png") 0 bottom no-repeat;
  padding: 0 0 108px; }

.page-joining-air-force .sidebar-links h3,
.page-joining-air-force-reserve .sidebar-links h3 {
  background: url("/sites/all/themes/basic/images/icon-air-force-large.png") 0 bottom no-repeat;
  padding: 0 0 108px; }

.page-joining-air-guard .sidebar-links h3 {
  background: url("/sites/all/themes/basic/images/icon-air-nat-guard-large.png") 0 bottom no-repeat;
  padding: 0 0 85px; }

.page-joining-coast-guard .sidebar-links h3,
.page-joining-coast-guard-reserve .sidebar-links h3 {
  background: url("/sites/all/themes/basic/images/icon-coast-guard-large-alt.png") 0 bottom no-repeat;
  padding: 0 0 108px; }

#main-interior .stagger-right img {
  float: right;
  margin: 0 0 2% 5%;
  box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  width: 48%;
  max-width: 455px; }

#main-interior .swipe-slides .stagger-right img {
  max-width: 100%; }

.node-type-working-overview-page #main-interior .stagger-left img {
  float: left;
  margin: 0 5% 2% 0;
  box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  width: 48%;
  max-width: 455px; }

.node-type-working-overview-page #main-interior .gray-block .stagger-left .plain-content {
  float: none; }

#main-interior ul li.stagger-left .plain-content {
  width: 46%;
  float: right; }

#main-interior li.stagger-right .forty-seven {
  width: 47.2%;
  float: left; }

#main-interior #wrapper-interior li.stagger-left .arrow-content {
  width: 64%;
  float: right; }

.node-type-living-overview-page .alt-section {
  margin-top: 40px; }
  .node-type-living-overview-page .alt-section .desktop {
    margin-bottom: 10px; }
  .node-type-living-overview-page .alt-section .stagger-left .desktop, .node-type-living-overview-page .alt-section .stagger-left .arrows {
    width: 47%;
    float: left; }

.node-type-living-overview-page #main-interior #wrapper-interior .alt-section li.stagger-left .plain-content {
  float: left;
  width: 47%; }
.node-type-living-overview-page #main-interior #wrapper-interior .alt-section li.stagger-left img {
  width: 48%; }

/* joining/branch pages*/
.page-joining #main-interior ul li.stagger-left .sixty-four {
  width: 64%;
  float: right; }
.page-joining #main-interior ul li.stagger-right .callout-grid ul li {
  background: #f2f2f2;
  height: 410px;
  width: 47.4%;
  max-width: 455px; }
  .page-joining #main-interior ul li.stagger-right .callout-grid ul li img {
    box-shadow: none;
    margin-bottom: 20px;
    margin-top: 0; }
  .page-joining #main-interior ul li.stagger-right .callout-grid ul li .plain-content p {
    padding: 20px 30px 30px 30px; }
  .page-joining #main-interior ul li.stagger-right .callout-grid ul li h3 {
    margin-left: 30px;
    width: 90%; }

.page-joining #main-interior .callout-grid .swipe-slides {
  margin-bottom: 35px;
  display: table;
  padding: 0; }

/* spanish joining page gray box height fix */
.page-joining .lang-es #main-interior #interior-section .swipe-slides > li {
  height: 450px; }

.node-type-working-overview-page .lang-es #main-interior #interior-section li {
  height: 435px; }
  .node-type-working-overview-page .lang-es #main-interior #interior-section li .dot {
    height: 10px; }

/* remove arrow in body copy */
.page-joining #main-interior .stagger-left .arrow-content p:nth-of-type(1) a {
  padding-left: 0;
  background: none;
  font-size: 14px;
  vertical-align: baseline; }

.page-joining #main-interior .sixty-four img, .node-type-training-overview-page #main-interior .sixty-four img, .node-type-working-overview-page #main-interior .sixty-four img {
  width: 30.625%;
  max-width: 294px;
  position: relative; }

/* bases page */
.page-living-bases-around-the-world #main-interior ul li.stagger-left {
  padding-bottom: 10px; }
.page-living-bases-around-the-world #main-interior .video-scroll {
  padding-top: 20px; }

/* supporting parents stories */
.node-type-parents-stories-page #main-interior ul li.stagger-left img {
  max-width: 455px; }
.node-type-parents-stories-page #main-interior ul li.stagger-left .plain-content {
  float: left; }

/* futures page */
.node-type-futures-page #main-interior ul li.sixty-four img {
  width: 48%;
  max-width: 455px; }
.node-type-futures-page #main-interior ul li.sixty-four .arrows {
  float: right;
  width: 46%; }

/* training overview */
.node-type-training-overview-page #main-interior #wrapper-interior .alt-section li.stagger-left img {
  width: 49%; }
.node-type-training-overview-page #main-interior #wrapper-interior .alt-section li.stagger-left .desktop, .node-type-training-overview-page #main-interior #wrapper-interior .alt-section li.stagger-left .arrows {
  float: right;
  width: 46%; }
.node-type-training-overview-page #main-interior #wrapper-interior .alt-section .desktop {
  margin-bottom: 9px; }

.node-type-supporting-overview-page #main-interior ul li.sixty-four .topmod-img img, .node-type-supporting-your-child-page #main-interior .sixty-four img, .section-faq li.stagger-left img img {
  max-width: 455px;
  width: 48%; }

/* video wrapper right top section on overview pages */
.node-type-training-overview-page #main-interior #wrapper-interior .stagger-right:first-child .plain-content {
  width: 47.2%;
  float: left; }

/* targets first h2 */
.first-header {
  float: right;
  width: 46%; }

/* compensation estimator page */
.page-working-compensation-estimator #main-interior ul li.stagger-left .desktop {
  float: left; }
.page-working-compensation-estimator #main-interior ul li.stagger-left .sixty-four {
  width: 64%;
  float: right; }

#main-interior .gray-block .stagger-left .plain-content {
  float: left; }

.sidebar-one, .sidebar-two {
  margin-bottom: 0; }

.sidebar {
  width: 30.75%;
  max-width: 294px;
  float: right; }

/* text left, image right */
#main-interior {
  /* 4-up on training page */ }
  #main-interior ul li.stagger-left {
    padding: 40px 0 20px;
    width: 95%;
    max-width: 960px;
    margin: 0 auto;
    display: table; }
    #main-interior ul li.stagger-left img {
      float: left;
      margin: 0 5% 28px 0;
      box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
      width: 49%;
      max-width: 294px; }
      #main-interior ul li.stagger-left img#futures {
        box-shadow: none;
        width: 30.625%;
        max-width: 294px; }
      #main-interior ul li.stagger-left img#futures-mag {
        width: 48%;
        max-width: 455px;
        box-shadow: none; }
    #main-interior ul li.stagger-left.no-img .plain-content, #main-interior ul li.stagger-left.no-img .arrows, #main-interior ul li.stagger-left.no-img .desktop {
      margin-left: 0; }
  #main-interior ul .gray-block-shadow #topmod img {
    max-width: 455px; }
  #main-interior ul li.overview span img {
    max-width: 455px; }
  #main-interior li.gray-block {
    max-height: 480px; }
  #main-interior .gray-block {
    padding: 45px 0 16px;
    background-color: #f2f2f2;
    width: 100%;
    display: block;
    margin: 0 auto;
    max-width: none;
    min-height: 300px;
    clear: both; }
    #main-interior .gray-block .stagger-right, #main-interior .gray-block .stagger-left {
      padding: 40px 0;
      max-width: 960px;
      width: 95%;
      margin: 0 auto;
      clear: both;
      overflow: hidden; }
  #main-interior .lifestyle-gallery li.stagger-right {
    background: transparent;
    padding: 20px 0 0; }
  #main-interior .lifestyle-gallery h2, #main-interior .lifestyle-gallery .stagger-right h2 {
    background: transparent;
    margin: 0;
    padding: 0 0 30px; }
  #main-interior .lifestyle-gallery h3 {
    padding: 0 0 20px; }
  #main-interior .lifestyle-gallery p {
    padding: 0; }
    #main-interior .lifestyle-gallery p.thumb-desc {
      padding: 10px 0 0; }
  #main-interior .large-video-description {
    background: #e6e7e8;
    margin: 0 auto 40px auto;
    padding: 20px 2% 25px; }
    #main-interior .large-video-description.lifestyle-description {
      background: #413e40;
      color: #fff; }
      #main-interior .large-video-description.lifestyle-description .profile-description {
        display: inline-block;
        padding: 0;
        vertical-align: top;
        width: 45%;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear; }
        @media (max-width: 679px) {
          #main-interior .large-video-description.lifestyle-description .profile-description {
            display: block;
            padding: 20px 10px 0;
            width: 100%; } }
        #main-interior .large-video-description.lifestyle-description .profile-description a {
          background-position: center left;
          display: block;
          margin: 7px 0 0; }
          @media (max-width: 679px) {
            #main-interior .large-video-description.lifestyle-description .profile-description a {
              float: none; } }
        #main-interior .large-video-description.lifestyle-description .profile-description .transcript-desc {
          background: transparent;
          color: #fff;
          float: none; }
          #main-interior .large-video-description.lifestyle-description .profile-description .transcript-desc h3 {
            color: #fff;
            padding: 0 0 10px; }
          #main-interior .large-video-description.lifestyle-description .profile-description .transcript-desc p {
            margin: 0; }
      #main-interior .large-video-description.lifestyle-description .profile-people {
        display: inline-block;
        vertical-align: top;
        width: 260px;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear; }
        #main-interior .large-video-description.lifestyle-description .profile-people.active {
          width: 465px; }
        @media (min-width: 681px) and (max-width: 1023px) {
          #main-interior .large-video-description.lifestyle-description .profile-people {
            width: 48%; }
            #main-interior .large-video-description.lifestyle-description .profile-people.active {
              width: 48%; } }
        @media (max-width: 679px) {
          #main-interior .large-video-description.lifestyle-description .profile-people {
            display: block;
            width: 100%; } }
        #main-interior .large-video-description.lifestyle-description .profile-people li {
          display: inline-block;
          vertical-align: top; }
          #main-interior .large-video-description.lifestyle-description .profile-people li:last-child {
            border-right: 1px solid #fff;
            padding: 0 10px 0 0; }
            @media (min-width: 681px) and (max-width: 1023px) {
              #main-interior .large-video-description.lifestyle-description .profile-people li:last-child {
                border: none;
                padding: 0 0 0 10px; } }
            @media (max-width: 679px) {
              #main-interior .large-video-description.lifestyle-description .profile-people li:last-child {
                border: none;
                padding: 0 0 15px 10px; } }
          @media (min-width: 681px) and (max-width: 1023px) {
            #main-interior .large-video-description.lifestyle-description .profile-people li {
              display: block;
              padding: 0 0 0 10px; } }
          @media (max-width: 679px) {
            #main-interior .large-video-description.lifestyle-description .profile-people li {
              display: block;
              padding: 0 0 15px 10px; } }
        #main-interior .large-video-description.lifestyle-description .profile-people div {
          display: inline-block;
          font-size: 12px;
          height: 68px;
          opacity: 0;
          overflow: hidden;
          padding: 1px 0 0;
          vertical-align: middle;
          width: 0px;
          -webkit-transition: all 0.3s linear;
          -moz-transition: all 0.3s linear;
          -ms-transition: all 0.3s linear;
          -o-transition: all 0.3s linear;
          transition: all 0.3s linear; }
          @media (min-width: 681px) and (max-width: 1023px) {
            #main-interior .large-video-description.lifestyle-description .profile-people div {
              height: 68px; } }
          @media (max-width: 679px) {
            #main-interior .large-video-description.lifestyle-description .profile-people div {
              display: inline-block;
              height: auto;
              opacity: 1;
              padding: 0 0 0 15px;
              width: 200px; } }
          #main-interior .large-video-description.lifestyle-description .profile-people div.active {
            display: inline-block;
            opacity: 1;
            width: 200px; }
            @media (max-width: 679px) {
              #main-interior .large-video-description.lifestyle-description .profile-people div.active {
                width: 200px; } }
            @media (min-width: 681px) and (max-width: 1023px) {
              #main-interior .large-video-description.lifestyle-description .profile-people div.active {
                width: 200px; } }
          #main-interior .large-video-description.lifestyle-description .profile-people div span.inner {
            display: block;
            width: 200px; }
            @media (max-width: 679px) {
              #main-interior .large-video-description.lifestyle-description .profile-people div span.inner {
                width: 200px; } }
            @media (min-width: 681px) and (max-width: 1023px) {
              #main-interior .large-video-description.lifestyle-description .profile-people div span.inner {
                width: 200px; } }
        #main-interior .large-video-description.lifestyle-description .profile-people img {
          cursor: pointer;
          display: inline-block;
          height: auto;
          margin: 0 5px;
          width: 60px;
          vertical-align: middle;
          -webkit-border-radius: 50px;
          -moz-border-radius: 50px;
          -ms-border-radius: 50px;
          -o-border-radius: 50px;
          border-radius: 50px; }
          #main-interior .large-video-description.lifestyle-description .profile-people img:hover {
            opacity: 0.5; }
          @media (min-width: 681px) and (max-width: 1023px) {
            #main-interior .large-video-description.lifestyle-description .profile-people img {
              width: 50px; }
              #main-interior .large-video-description.lifestyle-description .profile-people img:hover {
                opacity: 1; } }
          @media (max-width: 679px) {
            #main-interior .large-video-description.lifestyle-description .profile-people img {
              width: 50px; }
              #main-interior .large-video-description.lifestyle-description .profile-people img:hover {
                opacity: 1; } }
      #main-interior .large-video-description.lifestyle-description .profile-people-short {
        width: 185px; }
        #main-interior .large-video-description.lifestyle-description .profile-people-short.active {
          width: 382px; }
        @media (min-width: 681px) and (max-width: 1023px) {
          #main-interior .large-video-description.lifestyle-description .profile-people-short {
            width: 48%; }
            #main-interior .large-video-description.lifestyle-description .profile-people-short.active {
              width: 48%; } }
        @media (max-width: 679px) {
          #main-interior .large-video-description.lifestyle-description .profile-people-short {
            display: block;
            width: 100%; } }
    #main-interior .large-video-description h2 {
      margin: 4px 0 7px 10px;
      font-size: 22px; }
    #main-interior .large-video-description p {
      padding-bottom: 10px;
      margin-left: 10px; }
    #main-interior .large-video-description .arrows {
      margin-left: 10px;
      margin-bottom: 7px; }
    #main-interior .large-video-description a {
      background: url("/sites/all/themes/basic/images/green_arrow_dark.png") top left no-repeat;
      padding-left: 25px; }
  #main-interior .transcript-content {
    display: none; }
  #main-interior .lifestyle-list {
    overflow: hidden; }
    #main-interior .lifestyle-list .swipe-nav a.next {
      right: 25px; }
    #main-interior .lifestyle-list .swipe-nav a.prev {
      left: 25px; }
    #main-interior .lifestyle-list .swipe-slides#videos {
      min-height: 300px;
      height: 300px; }
  #main-interior .transcript-desc {
    display: none;
    padding: 20px 0;
    margin-top: 10px;
    float: left; }
    #main-interior .transcript-desc .inner {
      margin-top: 10px; }
      #main-interior .transcript-desc .inner p {
        margin-bottom: 10px; }
    #main-interior .transcript-desc h3 {
      clear: both;
      display: block;
      float: none; }
    #main-interior .transcript-desc .btn-close {
      display: none; }
  #main-interior .video-scroll {
    overflow: visible; }
    #main-interior .video-scroll .slides-container {
      position: relative;
      overflow: hidden; }
  #main-interior .no-shadow {
    box-shadow: none; }

.page-supporting-parents-stories #main-interior .video-scroll ul#videos li {
  width: 31.5%;
  margin: 0 0.9% 2.5%; }

/* remove shadow training page */
#main-interior ul li.sixty-four img {
  width: 30.625%;
  max-width: 294px; }

#wrapper-interior > .gray-block-shadow {
  background-color: #e6e7e8;
  width: 100%;
  min-height: 300px;
  overflow: hidden;
  padding-top: 26px; }
  #wrapper-interior > .gray-block-shadow .arrows {
    width: 46%;
    float: right; }

.section-faq #wrapper-interior > .gray-block-shadow .arrows {
  width: 64%; }

.page-faq #main-interior ul li.stagger-left img {
  width: 31%;
  margin-right: 4%; }

.page-faq #main-interior ul li.stagger-left .plain-content, .page-faq #main-interior ul li.stagger-left .arrows, .page-faq #main-interior ul li.stagger-left .first-header {
  float: left; }
.page-faq #main-interior ul li.stagger-left .plain-content {
  width: 64%; }

#wrapper-interior #topmod .arrows {
  margin-left: 0;
  margin-top: 23px; }

.gray-block h2 {
  padding-top: 20px; }

/* service branch tabs */
#main-interior .service-branches {
  padding: 60px 0 0 0;
  background-color: #f1f1f1;
  width: 100%;
  margin: 40px auto 0; }
  #main-interior .service-branches p {
    max-width: 855px; }

#main-interior ul.tabs {
  list-style-type: none;
  margin: 30px auto;
  width: 100%; }
  #main-interior ul.tabs li a {
    text-align: center;
    background-color: #f8f8f8;
    width: 15%;
    padding: 15px 0.5% 11px 0;
    margin-right: 1%;
    float: left;
    color: #7b7b26;
    font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
    text-decoration: none;
    font-size: 1.2em; }
  #main-interior ul.tabs li.current a {
    background-color: #fff;
    border: 0 none;
    font-family: "Trade Gothic W01 Light", "Arial", sans-serif;
    color: #413e40 !important; }

#main-interior .service-branch .selected {
  color: #413E40;
  font-family: "Trade Gothic W01 Light", "Arial", sans-serif; }

.tab-contain {
  margin: 0 auto;
  width: 95%;
  max-width: 960px; }

#branch-content {
  background: white url("/sites/all/themes/basic/images/gradient-bg.gif") bottom repeat-x;
  width: 100%;
  display: block;
  overflow: auto; }

#main-interior li.tab {
  width: 95%;
  max-width: 960px;
  display: block;
  overflow: hidden;
  margin: 0 auto;
  padding: 3.750em 0; }
  #main-interior li.tab h2 {
    margin: -7px 0 4px;
    font-size: 2em; }
    #main-interior li.tab h2 a {
      color: #413e40;
      font-size: 1.375em;
      font-family: "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif; }
  #main-interior li.tab img.tab-promo {
    width: 22.777%;
    max-width: 218px;
    height: auto;
    float: left;
    margin: 0 3.75% 5% 0;
    box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35); }
  #main-interior li.tab img.branch-logo {
    width: 100%;
    max-width: 97px; }
  #main-interior li.tab ul.branch-list {
    list-style-type: none; }
    #main-interior li.tab ul.branch-list li {
      float: left;
      width: 26.75%;
      margin: 20px 1.5%; }
      #main-interior li.tab ul.branch-list li.first {
        margin: 20px 0 0 0;
        width: 10.625%; }
      #main-interior li.tab ul.branch-list li h3 {
        text-transform: capitalize;
        margin-bottom: 8px;
        font-size: 17px; }

/* two columns */
#main-interior section.two-col h3.social-title {
  margin: 20px 0 12px; }
#main-interior section.two-col .social-links {
  overflow: hidden; }
  #main-interior section.two-col .social-links li {
    float: left;
    list-style-type: none;
    padding: 0 9px 0 0;
    width: 23px; }
    #main-interior section.two-col .social-links li a {
      background: url("../images/icons-social.png") 0 0 no-repeat;
      display: block;
      height: 0;
      overflow: hidden;
      padding: 23px 0 0; }
      #main-interior section.two-col .social-links li a:hover {
        opacity: 0.7; }
    #main-interior section.two-col .social-links li.twitter a {
      background-position: -32px 0; }
    #main-interior section.two-col .social-links li.youtube a {
      background-position: -65px 0; }
    #main-interior section.two-col .social-links li.flickr a {
      background-position: -97px 0; }
    #main-interior section.two-col .social-links li.instagram {
      padding: 0; }
      #main-interior section.two-col .social-links li.instagram a {
        background-position: -128px 0; }

ul.two-col {
  width: 100%;
  max-width: 960px;
  text-align: center; }
  ul.two-col li#first {
    float: left;
    width: 48%;
    margin: 2% 4% 0 0;
    min-height: 470px; }
  ul.two-col li#second {
    float: left;
    width: 48%;
    min-height: 470px;
    margin: 2% 0 0 0; }
  ul.two-col li ul {
    margin: 0;
    padding: 0;
    text-align: left; }

#main-interior img.hero-mobile {
  display: none; }
#main-interior ul h3 {
  margin: 0;
  text-align: left; }
#main-interior li.stagger-right li {
  list-style: none; }
  #main-interior li.stagger-right li img {
    box-shadow: none;
    width: 100%;
    max-width: none; }

/* CONTACT RECRUITER PAGE */
.recruiter-table {
  padding: 40px 0 0 0;
  width: 66%;
  max-width: 1000px;
  margin: 0 0 -40px 0;
  clear: none;
  overflow: hidden; }
  .recruiter-table .school-chart {
    margin-top: 20px; }

#age-requirements {
  padding-bottom: 20px; }
  #age-requirements .school-chart {
    margin-bottom: 0; }
    #age-requirements .school-chart img {
      width: 100%;
      display: block; }

.fb-recruiter {
  width: 80%;
  margin: 10px auto -20px;
  max-width: 960px;
  padding-top: 50px; }

.recruiter-sidebar {
  padding: 0;
  margin-bottom: 0;
  display: none; }
  .recruiter-sidebar .sidebar-description {
    width: 79.7%;
    margin: 20px auto; }
    .recruiter-sidebar .sidebar-description #mag-description {
      padding-bottom: 0; }

/* resources */
.resources {
  float: left;
  margin: 0;
  width: 48%; }

/* next steps */
.next-step {
  background-color: #fff;
  float: right;
  margin: 0;
  width: 47.4%;
  max-width: 455px;
  padding: 0 0 18px 0;
  box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35); }
  .next-step h3, .next-step p {
    width: 90%;
    margin: 0 auto; }
  .next-step ul {
    width: 90%;
    margin: 0 auto; }
  .next-step li {
    margin: 10px 0 15px;
    font-size: 14px;
    padding-left: 25px;
    list-style-type: none;
    background: url("/sites/all/themes/basic/images/green_arrow_dark.png") no-repeat left center; }
    .next-step li a {
      color: #7b7b26;
      vertical-align: top;
      font-weight: normal;
      font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
      width: 100%;
      float: none; }
      .next-step li a:hover {
        color: #413E40; }

.page-videos .next-step {
  box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.35);
  border: 1px solid #ededed; }

.node-type-service-branch #main-interior .gray-block {
  padding: 22px 0 0; }
  .node-type-service-branch #main-interior .gray-block .logo img {
    margin-right: 4%;
    float: left; }

#main-interior li.gray-block img#next-step {
  box-shadow: none; }
#main-interior li.stagger-right ul.link-off {
  margin: 8px 0;
  padding: 0; }

/* specific styles */
img.video {
  width: 55%;
  max-width: 385px; }
  img.video:hover {
    opacity: .7; }

img.wide {
  width: 60%;
  max-width: 455px; }

#main-interior li#videos {
  padding: 0 10% 5% 10%; }
#main-interior li#videos {
  padding: 0 10% 2% 10%;
  width: 80%;
  max-width: 960px;
  margin: 0 auto 4% auto; }

.qa-links {
  padding: 50px; }
  .qa-links h2 {
    font: normal 28px/32px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
    padding: 0 0 20px;
    text-transform: uppercase; }

.ajax-progress-throbber {
  display: none !important; }

#main-interior a.more-less, a.more-less {
  display: block;
  font: normal 14px/16px "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
  margin: 10px 0 15px; }
  #main-interior a.more-less.expanded, a.more-less.expanded {
    margin: -8px 0 30px; }

#main-interior .video-more-info .logo {
  margin-top: 0; }

.mobile-only {
  display: none; }

div.fb-like {
  display: block;
  float: none;
  margin: -40px 0 13px;
  text-align: left;
  width: 100%;
  z-index: 4; }

.addthis-smartlayers #at4-share {
  left: auto;
  right: 244px !important;
  top: 14px;
  border: none;
  font-size: 92%;
  -webkit-animation-duration: 0;
  -moz-animation-duration: 0;
  -ms-animation-duration: 0;
  -o-animation-duration: 0;
  animation-duration: 0; }
  .addthis-smartlayers #at4-share div.at-share-close-control {
    display: none !important; }
  .addthis-smartlayers #at4-share a.at-svc-compact {
    background: transparent;
    padding: 0;
    border: none;
    width: 52px; }
    .addthis-smartlayers #at4-share a.at-svc-compact:hover {
      width: 52px; }
    .addthis-smartlayers #at4-share a.at-svc-compact .at-icon-wrapper {
      background: transparent !important;
      text-indent: 0;
      padding: 20px 0 0;
      overflow: hidden;
      position: relative;
      height: 0 !important;
      width: 35px !important; }
      .addthis-smartlayers #at4-share a.at-svc-compact .at-icon-wrapper:after {
        color: #989855;
        content: 'Share';
        font: normal 0.75em/14px "Trade Gothic W01 Light", "Arial", sans-serif;
        left: 0;
        position: absolute;
        text-transform: uppercase;
        top: 0; }

#at4-share .at4-share-btn {
  background: transparent !important;
  text-indent: 0;
  padding: 20px 0 0 !important;
  overflow: hidden;
  position: relative;
  height: 0 !important;
  width: 35px !important; }
  #at4-share .at4-share-btn:after {
    color: #989855;
    content: 'Share';
    font: normal 0.75em/14px "Trade Gothic W01 Light", "Arial", sans-serif;
    left: 0;
    position: absolute;
    text-transform: uppercase;
    top: 0; }

.i18n-es #at4-share {
  right: 250px !important; }

.i18n-es .addthis-smartlayers #at4-share a.at-svc-compact .at15t_compact:after {
  content: 'Cuota'; }

body.logged-in .addthis-smartlayers #at4-share {
  top: 78px; }

.filters-bg {
  display: none;
  height: 100%;
  left: 0;
  opacity: 0.3;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 4; }

.results-filters {
  margin: 44px 0 0;
  padding: 0 4%;
  position: relative;
  z-index: 3; }

@media only screen and (min-width: 62.5em) {
  .node-type-home-page .region-content {
    padding: 134px 0 0; }

  .home-accordion-image-header {
    max-height: 580px;
    height: 580px;
    margin-top: 0px; }
    .home-accordion-image-header .image {
      width: 12%;
      height: 100%;
      background-position: 15% 50%;
      transition: width 400ms, left 400ms, background-position 400ms; }
    .home-accordion-image-header .image.left {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      background-position: 26% 50%; }
    .home-accordion-image-header .image.right {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 2;
      background-position: 90% 50%; }
    .home-accordion-image-header .image.middle {
      width: 36%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1; }
    .home-accordion-image-header .image.active {
      width: 76%;
      background-position: 50% 30%; }
    .home-accordion-image-header .image.middle.active {
      left: 12%; }
    .home-accordion-image-header .image.left.active.move-left,
    .home-accordion-image-header .image.right.active.move-right {
      width: 64%; }
    .home-accordion-image-header .image.middle.move-left {
      left: 0%; }
    .home-accordion-image-header .image.middle.move-left:hover {
      left: 6%; }
    .home-accordion-image-header .image.left.active + .image.middle {
      left: 64%; }
    .home-accordion-image-header .image.left.active + .image.middle.move-left-two {
      left: 54%; }
    .home-accordion-image-header .image.left.active + .image.middle:hover {
      left: 58%; }
    .home-accordion-image-header .image:not(.active):not(.middle):hover {
      width: 24%; }
    .home-accordion-image-header .image.left:hover + .image.middle.move-left {
      left: 12%; }
    .home-accordion-image-header .image.left:hover ~ .image.right.active {
      width: 64%; }
    .home-accordion-image-header .image:hover:before,
    .home-accordion-image-header .image.active:before {
      background: transparent; }
    .home-accordion-image-header .image.dim:before,
    .home-accordion-image-header .image.left.active.move-left:before,
    .home-accordion-image-header .image.right.active.move-right:before,
    .home-accordion-image-header .image.left:hover ~ .image.middle:before,
    .home-accordion-image-header .image.left:hover ~ .image.right:before {
      background: rgba(0, 0, 0, 0.4); }
    .home-accordion-image-header #video {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      min-width: 100%;
      max-height: 100%;
      width: auto;
      height: auto;
      z-index: -1;
      overflow: hidden;
      display: none; }
    .home-accordion-image-header .image .image-content h1 {
      font-size: 36px;
      line-height: 38px;
      opacity: 0;
      transition: opacity 400ms; }
    .home-accordion-image-header .image .image-content p {
      opacity: 0;
      transition: opacity 400ms; }
    .home-accordion-image-header .image .image-content a {
      opacity: 0;
      pointer-events: none;
      transition: opacity 400ms; }
    .home-accordion-image-header .image:not(.active) .image-content h1 {
      transition: opacity 50ms; }
    .home-accordion-image-header .image.middle .image-content {
      width: 60%; }
    .home-accordion-image-header .image:not(.active):hover .image-content h1 {
      opacity: 1;
      padding: 0 20px;
      transition: opacity 400ms 400ms; }
    .home-accordion-image-header .image.active .image-content h1 {
      opacity: 1; }
    .home-accordion-image-header .image.active .image-content p {
      opacity: 1; }
    .home-accordion-image-header .image.active .image-content a {
      opacity: 1;
      pointer-events: auto; }
    .home-accordion-image-header .image.left.active.move-left .image-content h1,
    .home-accordion-image-header .image.right.active.move-right .image-content h1,
    .home-accordion-image-header .image.left:hover ~ .image.middle .image-content h1,
    .home-accordion-image-header .image.left:hover ~ .image.right .image-content h1,
    .home-accordion-image-header .image.dim .image-content h1 {
      opacity: 0; }
    .home-accordion-image-header .image.left.active.move-left .image-content p,
    .home-accordion-image-header .image.right.active.move-right .image-content p,
    .home-accordion-image-header .image.left:hover ~ .image.middle .image-content p,
    .home-accordion-image-header .image.left:hover ~ .image.right .image-content p,
    .home-accordion-image-header .image.dim .image-content p {
      opacity: 0; }
    .home-accordion-image-header .image.left.active.move-left .image-content a,
    .home-accordion-image-header .image.right.active.move-right .image-content a,
    .home-accordion-image-header .image.left:hover ~ .image.middle .image-content a,
    .home-accordion-image-header .image.left:hover ~ .image.right .image-content a,
    .home-accordion-image-header .image.dim .image-content a {
      opacity: 0;
      pointer-events: none; }

  #tab-cuerpo a, #tab-guardia a {
    margin-top: -22px; } }
@media only screen and (min-width: 1470px) {
  .home-accordion-image-header #video {
    max-height: none;
    width: 100%; } }
@media only screen and (max-width: 61.125em) {
  .search-btn {
    margin-left: 13px; } }
@media only screen and (max-width: 60em) {
  .recommended-videos {
    background: #000000; }

  .lang-es #main-interior .row {
    height: 120px;
    padding-top: 1%; }

  #main-interior .service-branch-list li {
    width: 19%;
    margin-right: 0; }
    #main-interior .service-branch-list li img {
      float: none;
      width: 100%; }
    #main-interior .service-branch-list li ul {
      width: 100%;
      float: none; } }
@media only screen and (max-width: 55.75em) {
  .callout {
    display: none; }

  .main-hero {
    height: 300px; }
    .main-hero img {
      width: 1321px;
      height: 300px;
      margin-right: -661px; }

  #wrapper-interior > .gray-block-shadow .arrows {
    float: left; }

  .page-node-9 #main-interior ul li.stagger-left .desktop, .page-node-10 #main-interior ul li.stagger-left .desktop {
    width: 38%; }

  .lang-es #mainNav li dl {
    padding-top: 26px; }

  .service-branches-links p {
    width: 68%; }

  #mainNav li dd {
    display: none; }
  #mainNav li dl {
    padding-top: 26px; }
  #mainNav a {
    width: 99%; }

  #main-interior .service-branch-list a {
    width: 99%; } }
@media only screen and (max-width: 51.563em) {
  #mainNav li {
    width: 10%;
    margin-right: 2%; }
    #mainNav li.living, #mainNav li.media, #mainNav li.training, #mainNav li.joining {
      width: 10%; }
    #mainNav li.supporting {
      width: 12%; }
    #mainNav li.living {
      margin-right: 0; } }
@media only screen and (max-width: 50em) {
  #main-interior .video-more-info li {
    width: 43%;
    margin-right: 7%; }
  #main-interior .video-more-info .logo {
    display: none; }

  #main-interior
  .main-hero {
    display: none; }

  .hero-mobile {
    display: block; }

  p {
    font-size: 13px; }

  .career-profiles img.arrow-left, .career-profiles img.arrow-right {
    display: none; }

  .main-content object, .bcove-video embed {
    height: 300px; }

  .profile-overview h1 {
    padding: 30px 0 0; }

  .career-details li, .career-related li {
    float: none;
    width: 96%;
    margin: 0 0 20px; }

  .video-scroll #videos li {
    height: 340px; } }
@media only screen and (max-width: 48em) {
  #main-interior .parent-profiles .profile {
    display: none; }
  #main-interior .parent-profiles h3 {
    float: none;
    width: auto; }
  #main-interior .parent-profiles p {
    width: auto;
    float: none; } }
@media only screen and (max-width: 40em) {
  .node-type-parents-stories-page #main-interior .transcript-desc {
    background-image: none; }
    .node-type-parents-stories-page #main-interior .transcript-desc h3 {
      margin: 0 0 15px !important; }
    .node-type-parents-stories-page #main-interior .transcript-desc .inner {
      margin: 0 auto !important;
      width: 100% !important; }
      .node-type-parents-stories-page #main-interior .transcript-desc .inner p {
        margin-left: 0; }

  .read-transcript {
    float: left; }

  .living-orphan-links {
    display: none; }

  #branch-main .plain-content h6 {
    float: left; }

  .estimator-filters .views-exposed-widgets .views-exposed-widget legend a.fieldset-title:after {
    background-color: #f3f4f4 !important;
    margin: 7px auto 0;
    width: 80%; }

  .video-promo-sp {
    display: none; }

  #mainNav #subnav .living-details .subnav-cols li:last-child {
    width: auto !important; }

  .swipe-slides {
    display: block;
    height: 360px;
    margin: 0 auto !important;
    overflow: hidden;
    padding: 0;
    position: relative;
    vertical-align: baseline;
    width: 236px !important; }
    .swipe-slides li {
      display: block;
      float: left;
      height: 340px;
      left: -100%;
      margin: 0 -260px 0 0 !important;
      max-width: none;
      outline-color: #413e40;
      outline-style: none;
      outline-width: 0px;
      overflow: hidden;
      padding: 0 !important;
      position: relative;
      top: 0;
      vertical-align: baseline;
      width: 236px !important;
      -webkit-transition-property: left, height;
      -moz-transition-property: left, height;
      -ms-transition-property: left, height;
      -o-transition-property: left, height;
      transition-property: left, height;
      -webkit-transition-duration: 333ms;
      -moz-transition-duration: 333ms;
      -ms-transition-duration: 333ms;
      -o-transition-duration: 333ms;
      transition-duration: 333ms;
      -webkit-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1);
      -moz-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1);
      -ms-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1);
      -o-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1);
      transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1);
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
      .swipe-slides li.active {
        left: 0;
        z-index: 2; }
        .swipe-slides li.active ~ li {
          left: 100%; }
        .swipe-slides li.active ~ .slide.active {
          left: 0; }
        .swipe-slides li.active ~ li.last {
          left: -100%; }
      .swipe-slides li.first {
        left: 100%; }

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

        THIS IS THE FACEBOOK-STYLE SWIPE-SLIDES W/CALLOUT-GRID

        ================================================ */
  #interior-section {
    margin: 0px auto 55px -10px; }
    #interior-section .dots {
      width: 70px;
      position: absolute;
      left: 50%;
      margin: 15px 0 0 -35px;
      padding-left: 0 !important; }
      #interior-section .dots li:nth-child(even) {
        float: left;
        margin: 0 3px; }
    #interior-section .dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      border: 1px solid #989898;
      padding: 0;
      margin: 0 3px; }
      #interior-section .dot.current {
        background: #989898; }

  .callout-grid .swipe-slides {
    padding-left: 0 !important;
    margin: 0 0 0 -5% !important;
    overflow: hidden !important;
    width: 114% !important; }
    .callout-grid .swipe-slides li {
      clear: none !important;
      display: none;
      float: left !important;
      left: -85.1%;
      width: 265px !important; }
      .callout-grid .swipe-slides li.active {
        display: block;
        left: 6%;
        z-index: 2;
        border-right: 10px solid #fff;
        border-left: 10px solid #fff; }
        .callout-grid .swipe-slides li.active ~ li {
          left: 86.7%; }
        .callout-grid .swipe-slides li.active ~ .slide.active {
          left: 0; }
      .callout-grid .swipe-slides li.last {
        display: none; }
      .callout-grid .swipe-slides li.first {
        left: 100%; }
      .callout-grid .swipe-slides li.prev {
        display: block;
        left: -75.3%; }
      .callout-grid .swipe-slides li.next {
        display: block;
        left: 95%; }
  .callout-grid .swipe-nav {
    display: none; }

  .node-type-home-page .callout-grid .swipe-slides {
    width: 236px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    height: 255px;
    clear: both; }
    .node-type-home-page .callout-grid .swipe-slides li {
      clear: none !important;
      display: block;
      float: left !important;
      left: -100%;
      width: 236px !important; }
      .node-type-home-page .callout-grid .swipe-slides li.active {
        left: 0;
        z-index: 2;
        border: none; }
        .node-type-home-page .callout-grid .swipe-slides li.active ~ li {
          left: 100%; }
        .node-type-home-page .callout-grid .swipe-slides li.active ~ .slide.active {
          left: 0; }
        .node-type-home-page .callout-grid .swipe-slides li.active ~ li.last {
          left: -100%; }
      .node-type-home-page .callout-grid .swipe-slides li.first {
        left: 100%; }
  .node-type-home-page .callout-grid .swipe-nav {
    display: block; }

  #main-interior li.grid4 {
    overflow: visible; }
    #main-interior li.grid4 .callout-grid .swipe-slides li {
      overflow: visible;
      background: #f2f2f2;
      height: 100%; }
      #main-interior li.grid4 .callout-grid .swipe-slides li img {
        margin: 0 0 5px;
        box-shadow: none; }
      #main-interior li.grid4 .callout-grid .swipe-slides li h3 {
        padding: 0 20px; }
      #main-interior li.grid4 .callout-grid .swipe-slides li .plain-content {
        margin-top: 10px;
        padding: 0 20px;
        background: #f2f2f2; }

  .node-type-supporting-overview-page .lang-es .educator-slider .stagger-right #interior-section .swipe-slides {
    height: 660px; }

  .node-type-supporting-overview-page .lang-es .stagger-right #interior-section .swipe-slides {
    height: 480px; }

  .node-type-supporting-overview-page .educator-slider .stagger-right #interior-section .swipe-slides {
    height: 520px; }

  .page-training .stagger-right #interior-section .swipe-slides {
    height: 530px; }

  .page-request-information #main-interior ul li.stagger-right .mobile, .page-request-information-not-interested #main-interior ul li.stagger-right .mobile, .page-request-information-educator #main-interior ul li.stagger-right .mobile {
    margin-top: 20px; }

  .page-contact-a-recruiter table.school-chart {
    display: block; }

  #main-interior .transcript-desc {
    background-image: url("/sites/all/themes/basic/images/accordion-bg-backwards.gif");
    background-position: center bottom;
    background-repeat: repeat-x;
    background-color: transparent; }
    #main-interior .transcript-desc .inner, #main-interior .transcript-desc h3 {
      width: 86% !important;
      margin: 0 auto 15px !important; }

  .node-type-training-overview-page #main-interior li.stagger-right ul.arrows li {
    padding-left: 0; }
  .node-type-training-overview-page #main-interior section.alt-section {
    padding-top: 22px; }
    .node-type-training-overview-page #main-interior section.alt-section h2 {
      width: auto;
      padding-left: 5%; }

  .service-branches .tab-contain #service-types {
    margin-top: 0; }

  .video-desc .inner {
    margin-top: 10px; }

  #wrapper-interior > .gray-block-shadow {
    background-image: url("/sites/all/themes/basic/images/accordion-bg.gif");
    background-position: center top;
    background-repeat: repeat-x;
    background-color: transparent; }

  header {
    top: 0; }

  #service-types {
    background: url("../images/arrow-up.png") 100% 3px no-repeat; }

  .stagger-none .mobile {
    background: url("../images/arrow-up.png") right 3px no-repeat; }

  #career-fields .mobile {
    background: url("../images/arrow-up.png") 99.3% center no-repeat;
    padding-right: 10% !important; }

  #career-fields .stagger-none {
    width: 100%; }

  #main-interior #career-fields {
    background-image: url("/sites/all/themes/basic/images/accordion-bg.gif");
    background-position: center top;
    background-repeat: repeat-x;
    background-color: transparent; }

  #branch-main .plain-content a {
    width: 60%; }

  .mobile-collapse {
    background-image: url("/sites/all/themes/basic/images/accordion-bg.gif");
    background-position: center top;
    background-repeat: repeat-x; }
    .mobile-collapse.gray-block {
      background-image: none; }
    .mobile-collapse.video-scroll {
      width: 90% !important;
      padding: 5% !important; }
    .mobile-collapse > li > h2 {
      background-position: 100% center; }

  #main-interior .mobile-collapse h2 {
    margin-top: 12px; }

  .language-toggle {
    display: none; }

  .intro-section .plain-content {
    display: none; }

  .main-hero {
    height: auto;
    margin: -48px auto 0; }
    .main-hero img {
      display: none; }
      .main-hero img.slide-mobile {
        display: block;
        height: auto;
        position: static;
        width: 100%; }
    .main-hero h1 {
      display: none; }

  #main-interior .parent-profiles {
    height: 230px; }
  #main-interior .faq-list dd .plain-content-mobile {
    display: none; }
  #main-interior .faq-list dd .plain-content {
    display: block; }
    #main-interior .faq-list dd .plain-content .more-less {
      display: none; }
  #main-interior li.stagger-right .video-wrapper-left, #main-interior li.stagger-right .video-wrapper-right, #main-interior li.stagger-left .video-wrapper-left, #main-interior li.stagger-left .video-wrapper-right {
    width: 100%;
    margin: 0 5% 20px 0;
    float: none; }
  #main-interior .service-branch-list {
    display: none; }
  #main-interior .branch-row {
    background: #f2f2f2;
    width: 90%;
    padding: 5%; }
  #main-interior .mobile-only {
    display: block;
    background: #f2f2f2; }
    #main-interior .mobile-only h4 {
      color: #413E40;
      font: normal 14px/16px "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
      padding: 25px 0 6px;
      margin-left: 5%;
      margin-top: 0; }
    #main-interior .mobile-only select {
      width: 90%;
      margin-left: 5%; }

  .node-type-service-branch #main-interior .branch-row {
    padding: 0; }

  .node-type-service-branch .lang-es #main-interior .branch-row {
    height: 0; }

  #main-interior img.hero-mobile {
    display: block;
    padding-top: 205px; }

  .video-search ul#video-filters li div#keyword-dropdown ul li#key {
    width: 87%; }

  .recommended-videos {
    width: 100%; }

  #main-interior .video-search {
    background-color: #f1f2f2;
    width: 90%;
    padding: 20px 5%;
    margin: 0 auto;
    position: relative; }
    #main-interior .video-search p {
      padding: 10px 6%; }
      #main-interior .video-search p.plain-content-mobile {
        padding: 0; }
    #main-interior .video-search h2 {
      padding: 5px 20%; }
    #main-interior .video-search ul#video-filters li {
      float: none;
      width: 60%;
      margin: 10px 20%; }
      #main-interior .video-search ul#video-filters li input#keyword-search {
        width: 84%; }
      #main-interior .video-search ul#video-filters li div {
        background: #fff;
        opacity: 1;
        padding: 8px 1%;
        border: 1px solid #c4c4c4;
        width: 98%;
        position: relative; }
        #main-interior .video-search ul#video-filters li div.placeholder-dropdown {
          width: 96%; }
        #main-interior .video-search ul#video-filters li div ul li {
          color: #707014;
          float: none;
          font: 16px/20px "TradeGothicW01-BoldCn20 675334","Impact","Arial",sans-serif;
          letter-spacing: 0.03em;
          padding: 5px 5%;
          text-transform: none;
          width: 100%;
          margin: 0 5%; }
      #main-interior .video-search ul#video-filters li#last {
        width: 60%;
        margin: 10px 15% 10px 20%; }

  #main-interior .view-all-videos-page .views-row h4, #main-interior .view-video-search .views-row h4 {
    padding: 0; }

  #slider-menu {
    display: none; }

  #utility li.less {
    display: block; }

  header .logo {
    width: 51%;
    padding: 3% 2%; }
    header .logo img {
      height: auto;
      width: 100%; }

  #carat {
    display: none !important; }

  .language-toggle {
    display: none;
    height: 0px;
    font-size: 0em;
    padding: 0px 0px 0px 0px; }

  #utility {
    background: #313131;
    padding: 0;
    width: 100%; }
    #utility li {
      float: none;
      display: inline-block; }
      #utility li a {
        margin: 5px 0 5px 13px; }

  .search-box {
    width: 100%;
    padding: 0; }
    .search-box input {
      width: 80%; }
    .search-box button {
      float: right;
      width: 35px; }

  .search-btn {
    margin-left: 0; }

  div#video-grid li {
    width: 46%;
    margin: 2% 6% 0 0; }
    div#video-grid li.last-video, div#video-grid li.last-video-mobile {
      width: 46%;
      margin: 2% 0 0 0; }

  .node-type-home-page #main .callout-grid li {
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; }
    .node-type-home-page #main .callout-grid li * {
      outline: none;
      -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none; }
  .node-type-home-page #main .callout-grid .swipe-nav a {
    top: 65px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; }

  .callout-grid li, #main .callout-grid li {
    width: 46%;
    padding: 0 0 3%; }
    .callout-grid li.last, #main .callout-grid li.last {
      display: block; }
  .callout-grid a:hover img, #main .callout-grid a:hover img {
    opacity: 1;
    -moz-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
    box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35); }

  .faq-types {
    display: none; }

  #scroll-to-top {
    display: none; }

  .video-hero #hero {
    height: 389px;
    margin-right: -170%;
    width: auto; }
  .video-hero .callout {
    display: none; }

  .career-fields-overview fieldset {
    display: block;
    font-size: 0.8em; }
    .career-fields-overview fieldset span {
      display: block;
      padding: 0 0 10px; }
    .career-fields-overview fieldset label {
      margin: 0 0 0 30px;
      display: block;
      clear: right;
      padding: 0 0 10px; }
    .career-fields-overview fieldset input {
      float: left;
      clear: left; }

  .view-career-field-profile-previews .bx-wrapper {
    width: 95%; }
    .view-career-field-profile-previews .bx-wrapper .bx-viewport {
      height: auto !important; }

  .service-branches-links p {
    width: auto; }

  .sub-utilities select {
    display: inline; }
  .sub-utilities ul {
    display: none; }

  #main #page-banner {
    background: #dddddd url("/sites/all/themes/basic/images/jonathan-massey.jpg") no-repeat center top;
    padding: 20px 4%;
    width: 95%;
    min-height: 0px; }
    #main #page-banner .promo {
      width: 100%;
      margin: 10% 0px 15px 0px; }

  footer .language-toggle {
    display: none; }

  .region-content {
    padding: 88px 0 0; }

  div.fb-like {
    margin: 10px 0 10px; }

  .page-living-bases-around-the-world .region-content {
    overflow: hidden; }

  #main-interior .topmod-wrapper h2 {
    width: 100%; }

  .page-joining-entrance-requirements #main-interior section.two-col h3, .page-training-boot-camp #main-interior section.two-col h3 {
    margin-top: 0; }
  .page-joining-entrance-requirements .school-chart, .page-training-boot-camp .school-chart {
    display: none; }

  .service-breakdown {
    width: 90%;
    padding-top: 20px; }

  #main-interior .table-content h2 {
    font: normal 23px/25px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
    padding-bottom: 1em; }

  table tr th:last-child {
    font-size: 18px;
    margin-left: 5px; }

  #main-interior .video-scroll .slides-container {
    overflow: inherit;
    display: table;
    margin: 0 auto; }

  .node-type-supporting-overview-page .lang-es .stagger-right #interior-section .swipe-slides {
    height: 480px; }

  .node-type-living-overview-page .stagger-right #interior-section .swipe-slides {
    height: 450px; }

  .node-type-living-overview-page .lang-es .stagger-right #interior-section .swipe-slides {
    height: 490px; }

  .page-training .lang-es .stagger-right #interior-section .swipe-slides {
    height: 680px; }

  .node-type-working-overview-page .stagger-right #interior-section .swipe-slides, .node-type-supporting-overview-page .stagger-right #interior-section .swipe-slides {
    height: 420px; }

  .node-type-working-overview-page .lang-es #main-interior #interior-section .swipe-slides {
    height: 495px; }
    .node-type-working-overview-page .lang-es #main-interior #interior-section .swipe-slides li {
      height: 495px; }
  .node-type-working-overview-page .lang-es #main-interior #interior-section .dot {
    height: 10px; }

  #main-interior .logo {
    width: 100%;
    margin: 20px 0 23px;
    height: 55px;
    float: none; }
    #main-interior .logo img {
      float: left;
      margin-right: 4%; }

  .page-living-education-support #main-interior section.two-col h3, .page-living-paying-for-college #main-interior section.two-col h3 {
    margin-top: 0; }

  .section-faq #wrapper-interior > .gray-block-shadow .arrows {
    width: 100%; }

  #main-interior .mobile {
    margin: 0;
    padding-top: 16px; }
  #main-interior .faq-list {
    width: 100%; }
    #main-interior .faq-list .mobile-collapse {
      padding: 10px 5% 0;
      margin-bottom: 1em; }
    #main-interior .faq-list h2 {
      padding: 0; }
  #main-interior section.two-col {
    margin-top: 0; }
    #main-interior section.two-col h3 {
      margin: 12px 0 10px 0; }

  .node-type-supporting-your-child-page #main-interior .two-col h3, .node-type-contact-recruiter #main-interior .two-col h3 {
    padding: 5%;
    position: relative; }
    .node-type-supporting-your-child-page #main-interior .two-col h3:after, .node-type-contact-recruiter #main-interior .two-col h3:after {
      content: '';
      height: 17px;
      width: 17px;
      position: absolute;
      right: 17px;
      top: 50%;
      margin-top: -8px;
      background: url("../images/arrow-down.png") 94.5% center no-repeat; }
  .node-type-supporting-your-child-page #main-interior .two-col li.stagger-none, .node-type-contact-recruiter #main-interior .two-col li.stagger-none {
    width: auto;
    padding: 0 5%; }
    .node-type-supporting-your-child-page #main-interior .two-col li.stagger-none h2, .node-type-contact-recruiter #main-interior .two-col li.stagger-none h2 {
      padding-top: 15px; }

  .node-type-supporting-your-child-page #main-interior h3 {
    padding: 5%;
    position: relative; }
    .node-type-supporting-your-child-page #main-interior h3:after {
      content: '';
      height: 17px;
      width: 17px;
      position: absolute;
      right: 17px;
      top: 50%;
      margin-top: -8px;
      background: url("../images/arrow-down.png") 94.5% center no-repeat; }
  .node-type-supporting-your-child-page #main-interior .next-step h3:after {
    content: none; }

  #main-interior .topmod-wrapper .mobile {
    width: 70%;
    padding-top: 10px; }

  .page-joining-navy #main-interior .logo h2, .page-joining-navy-reserve #main-interior .logo h2 {
    margin-top: 4%; }

  #resource-wrap {
    width: 100%; }

  #coastline.nav-open {
    height: 100%;
    overflow: hidden;
    width: 100%; }

  #main-interior img.hero-mobile {
    display: block;
    display: block;
    width: 100%;
    padding-top: 105px;
    max-width: none; }

  #wrapper-interior > .gray-block-shadow .arrows, .node-type-futures-page #main-interior ul li.sixty-four .arrows {
    width: 100%;
    float: none; }

  .page-supporting-futures-magazine ul.arrows li {
    left: 0;
    background: #e6e7e8; }

  table.school-chart {
    display: none; }

  .node-type-working-overview-page #main-interior .view-filters .views-exposed-widgets .views-exposed-widget legend a {
    background-position: center bottom !important; }

  /* mobile charts */
  .mobile-chart {
    display: block; }
    .mobile-chart .swipe-nav a {
      top: 80px; }
      .mobile-chart .swipe-nav a.next {
        left: auto;
        right: 1px; }
    .mobile-chart .chart-swipe {
      width: 80%;
      position: relative;
      overflow: hidden;
      padding: 0;
      margin: 0 auto; }
      .mobile-chart .chart-swipe > li {
        left: 100%;
        top: 0;
        display: inline-block;
        float: left;
        margin: 0 -100% 0 0;
        max-width: none;
        padding: 0 0 20px;
        position: relative;
        width: 100%; }
        .mobile-chart .chart-swipe > li > ul {
          padding-left: 0; }
          .mobile-chart .chart-swipe > li > ul > li {
            background: #f1f2f2;
            padding: 15px 6%; }
            .mobile-chart .chart-swipe > li > ul > li:nth-child(even) {
              background: #e6e7e8; }
        .mobile-chart .chart-swipe > li.active {
          background: transparent;
          left: 0;
          z-index: 2;
          overflow: visible; }
        .mobile-chart .chart-swipe > li h4 {
          color: #413e40;
          font: normal 18px/20px "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
          margin: 0; }
        .mobile-chart .chart-swipe > li img {
          display: block;
          margin: 0 auto; }

  .page-training-service-academies-and-military-colleges #main-interior li.stagger-right {
    padding-top: 10px;
    width: 90%; }
    .page-training-service-academies-and-military-colleges #main-interior li.stagger-right .mobile {
      margin: 0 0 3% 0; }
    .page-training-service-academies-and-military-colleges #main-interior li.stagger-right ul.arrows {
      margin-bottom: 0;
      padding-bottom: 20px; }

  div#video-grid li {
    width: 100%;
    margin: 2% 0 0 0;
    padding: 0;
    float: none; }
    div#video-grid li.last-video, div#video-grid li.last-video-mobile {
      width: 100%;
      margin: 2% 0 0 0;
      float: none;
      padding: 0; }

  .career-profiles {
    width: 80%;
    margin: 20px 5%;
    padding: 10px 5% 30px 5%; }
    .career-profiles div {
      width: 80%;
      padding: 30px 10%; }
    .career-profiles img.profile {
      width: 100%;
      margin: 0 auto 20px auto; }

  .video-hero .callout {
    top: 45%; }

  .video-search ul#video-filters li div#keyword-dropdown ul li#key {
    width: 86%; }

  .video-search {
    background-color: #f1f2f2;
    width: 90%;
    padding: 20px 5%;
    margin: 0 auto;
    position: relative; }
    .video-search p, .video-search h2 {
      padding: 5px 5%; }
    .video-search #video-filters li {
      float: none;
      width: 90%;
      margin: 10px 5%; }
      .video-search #video-filters li input#keyword-search {
        width: 80%; }
      .video-search #video-filters li div {
        background: #fff;
        opacity: 1;
        padding: 8px 1%;
        border: 1px solid #c4c4c4;
        width: 98%;
        position: relative; }
        .video-search #video-filters li div.placeholder-dropdown {
          width: 96%; }
      .video-search #video-filters li#last {
        width: 91%;
        margin: 10px 4% 10px 5%; }

  .recommended-videos p {
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold; }
  .recommended-videos ul img {
    width: 100%;
    max-width: 300px; }
    .recommended-videos ul img:hover {
      opacity: 1;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }

  #main-interior ul li.stagger-left, #main-interior ul li.stagger-right, #main-interior ul li#videos {
    margin: 0;
    padding: 0 5% !important;
    width: 90%; }
  #main-interior ul li.service-branches {
    background: url("/sites/all/themes/basic/images/accordion-bg.gif") repeat-x scroll center top transparent;
    margin: 0;
    padding: 5% !important;
    width: 90%; }
  #main-interior ul li.stagger-right img, #main-interior ul li.stagger-left img, #main-interior ul li.tab img.tab-promo, #main-interior ul li.stagger-right img#process, #main-interior ul li.gray-block img {
    width: 100% !important;
    border: 0 none;
    box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
    text-decoration: none;
    float: none;
    margin: 5% auto;
    max-width: none; }
  #main-interior h2 {
    margin: 0px 0px 3% 0px;
    color: #413E40;
    font: 24px / 28px "TradeGothicW01-BoldCn20 675334", "Impact", "Arial", sans-serif;
    letter-spacing: 0.03em;
    text-transform: uppercase; }
  #main-interior .video-description #description {
    width: 100%; }
  #main-interior ul.video-more-info {
    width: 100%; }
    #main-interior ul.video-more-info li .link-off li a {
      background-position: 0 3px;
      display: block; }

  h3.mobile, h2.mobile {
    display: block;
    margin: 5% 0; }

  h3.desktop, h2.desktop, li#branch-main {
    display: none; }

  ul.tabs {
    display: none; }

  #main-interior .gray-block {
    padding: 0 0 16px;
    background: url("/sites/all/themes/basic/images/accordion-bg.gif") repeat-x scroll center top transparent; }
  #main-interior .hero-mobile {
    display: block;
    width: 100%;
    padding-top: 22%;
    max-width: none; }
  #main-interior .main-hero img {
    display: none; }
  #main-interior #branch-main ul {
    width: 90%; }
  #main-interior #service-branches-mbl {
    overflow: hidden;
    display: block; }
  #main-interior #service-branches-mbl select {
    overflow: hidden;
    display: block;
    color: #7b7b26;
    font-weight: bold;
    font-size: 16px;
    height: 40px;
    width: 117%;
    margin: 1% auto 0 auto;
    background: #f3f3f3 url("/sites/all/themes/basic/images/expand.png") no-repeat;
    background-position: 81% 50%;
    border: none;
    text-align: left;
    -webkit-appearance: none; }
  #main-interior ul li.stagger-right ul#deciding {
    padding: 0;
    min-height: 470px; }
  #main-interior ul li.tab {
    padding: 0;
    background: #fff;
    width: 100%;
    max-width: 960px;
    margin: 2% auto 0;
    min-height: 330px; }
    #main-interior ul li.tab h2 {
      display: none; }
    #main-interior ul li.tab ul.branch-list {
      margin: 0px;
      float: none; }
      #main-interior ul li.tab ul.branch-list li {
        float: none;
        width: 100%;
        margin: 5% 0px;
        max-width: none; }
    #main-interior ul li.tab img.branch-logo {
      border: 0 none;
      box-shadow: none;
      margin: 7% 0 0 5%;
      max-width: 100px;
      text-decoration: none;
      float: right; }
  #main-interior ul li#meeting {
    padding: 4% 5%;
    width: 90%; }
  #main-interior section.two-col {
    width: 100%; }
    #main-interior section.two-col .quarter-text {
      padding: 15px 5% 0;
      width: 90%; }
    #main-interior section.two-col .sidebar {
      display: none; }

  .tab-contain {
    width: 100%; }

  img#next-step {
    display: none; }

  .swipe-nav {
    margin: 62px 0% -62px;
    position: relative;
    z-index: 1;
    top: 50px; }
    .swipe-nav a {
      background: url("../images/left-arrow.png") 0 0 no-repeat;
      display: block;
      height: 0;
      left: 0;
      overflow: hidden;
      position: absolute; }
      .swipe-nav a.next {
        background: url("../images/right-arrow.png") left 0 no-repeat;
        left: auto;
        right: 0; }

  #main .callout-grid {
    padding: 0 4%;
    width: 92%; }
    #main .callout-grid h2 {
      margin: 30px auto 4%; }

  #wrapper-interior .grid4 h2 {
    padding-top: 20px; }

  .node-type-supporting-overview-page #main-interior .gray-block {
    background: #f2f2f2;
    padding-bottom: 50px;
    margin-top: 0; }
    .node-type-supporting-overview-page #main-interior .gray-block #download {
      padding-top: 20px; }
    .node-type-supporting-overview-page #main-interior .gray-block .grid4 #interior-section {
      background-color: #fff; }
  .node-type-supporting-overview-page #main-interior .educator-slider {
    background-image: url("/sites/all/themes/basic/images/accordion-bg.gif");
    background-position: center top;
    background-repeat: repeat-x;
    background: transparent;
    padding-bottom: 0; }
  .node-type-supporting-overview-page #main-interior .last-interior-section li {
    width: 100%;
    height: 240px;
    margin-bottom: 50px; }
  .node-type-supporting-overview-page #main-interior .last-interior-section img {
    display: none; }
  .node-type-supporting-overview-page #main-interior .last-interior-section h3 {
    width: 100%;
    margin-bottom: 10px; }
  .node-type-supporting-overview-page #main-interior .last-interior-section .second-resource {
    margin-bottom: 0; }

  #main-interior #wrapper-interior, #main-interior {
    background: url("/sites/all/themes/basic/images/accordion-bg.gif") repeat-x scroll center top transparent; }
    #main-interior #wrapper-interior.swipe-slides, #main-interior.swipe-slides {
      background: rgba(255, 255, 255, 0.1);
      margin: 5% 0;
      width: 100%;
      z-index: 1; }
      #main-interior #wrapper-interior.swipe-slides li, #main-interior.swipe-slides li {
        float: none; }
    #main-interior #wrapper-interior section.alt-section, #main-interior #wrapper-interior #career-fields, #main-interior section.alt-section, #main-interior #career-fields {
      background: url("/sites/all/themes/basic/images/accordion-bg.gif") repeat-x scroll center top transparent; }
    #main-interior #wrapper-interior.two-col li#first, #main-interior #wrapper-interior.two-col li#second, #main-interior.two-col li#first, #main-interior.two-col li#second {
      float: none;
      margin: 0;
      min-height: 470px;
      width: 100%; }
    #main-interior #wrapper-interior li.gray-block, #main-interior li.gray-block {
      max-height: none;
      margin: 0;
      padding: 0 5%;
      width: 90%;
      background: #f2f2f2; }
      #main-interior #wrapper-interior li.gray-block .resources, #main-interior li.gray-block .resources {
        float: none;
        margin: 18px auto 20px auto;
        width: 100%;
        padding: 0; }
      #main-interior #wrapper-interior li.gray-block .next-step, #main-interior li.gray-block .next-step {
        background-color: #fff;
        float: none;
        margin: 20px auto 40px auto;
        width: 100%;
        padding: 0 0 10px 0;
        box-shadow: none; }
        #main-interior #wrapper-interior li.gray-block .next-step img, #main-interior li.gray-block .next-step img {
          box-shadow: none;
          display: none;
          margin: 0 auto; }
    #main-interior #wrapper-interior li.stagger-left .plain-content, #main-interior #wrapper-interior li.stagger-right .plain-content, #main-interior #wrapper-interior li.stagger-none .plain-content, #main-interior li.stagger-left .plain-content, #main-interior li.stagger-right .plain-content, #main-interior li.stagger-none .plain-content {
      float: none;
      width: auto; }
    #main-interior #wrapper-interior li.stagger-left .arrow-content, #main-interior li.stagger-left .arrow-content {
      float: none;
      width: auto; }

  .page-joining #main-interior .sixty-four img, .node-type-training-overview-page #main-interior .sixty-four img, .node-type-working-overview-page #main-interior .sixty-four img, .node-type-training-overview-page #main-interior #wrapper-interior .alt-section li:first-of-type img {
    max-width: none;
    width: 100%; }

  .node-type-training-overview-page #main-interior #wrapper-interior .alt-section li:first-of-type .desktop, .node-type-training-overview-page #main-interior #wrapper-interior .alt-section li:first-of-type .arrows {
    float: none;
    width: 100%; }

  .node-type-working-overview-page #career-fields .mobile {
    padding-top: 20px;
    margin: 0 0 15px 0;
    background-position-y: 25px; }
  .node-type-working-overview-page #interior-section {
    padding-top: 10px; }
    .node-type-working-overview-page #interior-section li h3 {
      padding: 0; }

  .video-bg {
    display: none; }

  .view-filters .views-exposed-widgets .views-exposed-widget, #main-interior .view-filters .views-exposed-widgets .views-exposed-widget {
    margin: 0 auto;
    padding: 18px 0 24px; }

  #slider-menu, header .language-toggle {
    display: none; }

  .gallery-content {
    padding: 0;
    box-shadow: 0 0 5px 2px #bbb; }

  #mainNav {
    padding: 0;
    background: #272729;
    height: 91%;
    width: 85%;
    clear: both;
    overflow: auto;
    position: fixed;
    right: -90%;
    left: auto;
    top: 0;
    z-index: 2;
    border-bottom: none; }
    #mainNav.open {
      display: block; }
    #mainNav .first img#logo {
      width: 49%;
      margin-top: 8px; }
    #mainNav .first-nav {
      padding: 36px 0 0;
      width: 100%; }
    #mainNav li {
      float: left;
      min-width: 90px;
      width: 100% !important;
      text-align: left;
      position: relative;
      background: #272729;
      border-bottom: 1px solid #323234; }
      #mainNav li dl {
        font-size: 1em;
        padding: 6px 0 11px 22px; }
      #mainNav li dd {
        font-size: 0.875em;
        color: #fff;
        display: block;
        font-weight: normal;
        margin-top: 2px; }
        #mainNav li dd span {
          display: none; }
    #mainNav a {
      padding: 0;
      display: block;
      text-decoration: none;
      color: #989756; }
      #mainNav a:after {
        background: url("../images/arrow-bullet-high.png") 0 0 no-repeat;
        content: '';
        height: 17px;
        margin: -8px 0 0;
        position: absolute;
        right: 20px;
        top: 50%;
        width: 17px; }
    #mainNav dt a {
      color: #000; }
    #mainNav .first {
      background: #19191b;
      margin: 0;
      overflow: hidden; }
      #mainNav .first a {
        padding: 8px 0 8px 20px; }
        #mainNav .first a:hover {
          background: transparent; }
        #mainNav .first a:after {
          content: none; }
      #mainNav .first #logo {
        display: block;
        height: 25px;
        max-width: 100%;
        width: auto;
        padding: 0; }
    #mainNav #subnav {
      display: block;
      top: 95px;
      left: 100%; }
      #mainNav #subnav li {
        padding: 0; }
        #mainNav #subnav li .children li a {
          color: #989855;
          font: normal 14px/15px "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
          padding: 5px 0 16px; }
      #mainNav #subnav .mobile-only .children .desc-text a {
        color: #989855; }
      #mainNav #subnav div.joining-details li.third-col {
        padding: 18px 4% 10px;
        margin: 0;
        width: 100% !important; }
      #mainNav #subnav div.training-details li.third-col, #mainNav #subnav div.training-details .subnav-cols li.third-col-sp {
        padding: 18px 4% 10px; }
      #mainNav #subnav a.mobile-video {
        clear: both;
        display: block;
        font: normal 14px/15px "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
        padding: 20px 0 20px 4%; }
        #mainNav #subnav a.mobile-video:after {
          content: none; }
      #mainNav #subnav .row {
        display: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none; }
      #mainNav #subnav .first-row {
        display: block;
        padding-bottom: 0; }
      #mainNav #subnav ul.subnav-cols li.back {
        display: block;
        padding: 0;
        width: 100% !important; }
      #mainNav #subnav ul.subnav-cols .third-col h4 {
        width: 80%; }
      #mainNav #subnav ul.subnav-cols > li {
        padding: 18px 4% 10px; }
        #mainNav #subnav ul.subnav-cols > li h4 {
          background: transparent;
          color: #fff;
          font: normal 20px "TradeGothicW01-BoldCn20 675334", "Arial", sans-serif;
          text-transform: uppercase;
          padding: 0 0 0.35em 0; }
          #mainNav #subnav ul.subnav-cols > li h4:after {
            background: transparent;
            content: none; }
          #mainNav #subnav ul.subnav-cols > li h4.current:after {
            -webkit-transform: rotate(-180deg);
            -moz-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            transform: rotate(-180deg); }
        #mainNav #subnav ul.subnav-cols > li a:after {
          background: transparent;
          content: ''; }
        #mainNav #subnav ul.subnav-cols > li a.nav-back {
          display: block;
          font: normal 14px/15px "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
          padding: 16px 0 16px 36px;
          position: relative; }
        #mainNav #subnav ul.subnav-cols > li.mobile-only {
          display: block;
          width: auto !important; }
        #mainNav #subnav ul.subnav-cols > li li {
          border: none;
          float: none; }
          #mainNav #subnav ul.subnav-cols > li li.mobile-only {
            display: block; }
        #mainNav #subnav ul.subnav-cols > li li.desc-text {
          color: #fff;
          font-size: 0.875em; }
      #mainNav #subnav ul.subnav-cols li.page-overview {
        width: auto !important; }
        #mainNav #subnav ul.subnav-cols li.page-overview .children {
          display: block; }
          #mainNav #subnav ul.subnav-cols li.page-overview .children li a {
            color: #989756;
            font: normal 13px/15px "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
            padding: 0; }
      #mainNav #subnav .video-promo {
        display: none; }

  .lang-es #mainNav li dl {
    padding: 9px 0 11px 22px;
    height: auto; }
    .lang-es #mainNav li dl dd {
      position: static; }

  .one-hundred {
    height: 100% !important; }

  .embed-container {
    height: 47px;
    margin-bottom: 0px;
    width: 100%; }

  .video-wrapper-left, .video-wrapper-right {
    width: 100%;
    float: none;
    margin: 0 auto; }

  #mobile-space {
    display: none;
    min-height: 100px;
    background-color: #403E41; }

  .video-info #branch-logo-mbl {
    float: right;
    margin: 0 0 5px 5px;
    width: 20%;
    max-width: 70px;
    display: block; }
  .video-info #video-title a.back-to-results {
    display: none; }

  .up-next {
    display: none; }

  .up-next-mbl {
    display: block;
    float: none;
    width: 100%;
    padding: 0 0 10px 0; }

  .video-more-info {
    width: 100%;
    display: block;
    clear: both; }
    .video-more-info li {
      width: 100%;
      margin-bottom: 20px; }
      .video-more-info li.logo {
        display: none; }
      .video-more-info li .link-off .external-link {
        display: none; }

  #mobileMenu {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.95);
    border-bottom: 2px solid #fff;
    display: block;
    padding: 10px 0 5px;
    position: relative;
    -webkit-box-shadow: 5px -3px 15px #1F1E1E;
    -moz-box-shadow: 5px -3px 15px #1F1E1E;
    -ms-box-shadow: 5px -3px 15px #1F1E1E;
    -o-box-shadow: 5px -3px 15px #1F1E1E;
    box-shadow: 5px -3px 15px #1F1E1E; }
    #mobileMenu .menu-desc {
      text-transform: uppercase;
      color: #989855;
      font-size: 80%;
      position: absolute;
      top: 18px;
      right: 50px; }
    #mobileMenu li.m-logo {
      margin: 0 0 0 10px; }
    #mobileMenu li#menu {
      font-size: 17px;
      padding: 0;
      position: absolute;
      top: 15px;
      right: 10px; }
      #mobileMenu li#menu.on {
        background: #020202; }
      #mobileMenu li#menu a {
        padding: 0; }
      #mobileMenu li#menu img {
        width: 30px;
        vertical-align: middle; }
    #mobileMenu img#logo {
      width: 40%;
      max-width: 175px;
      padding: 0px 0px 0px 15px; }

  #utility #search {
    display: block; }

  header .logo {
    width: 68%;
    height: auto;
    float: left; }

  ul#mobileMainNav {
    display: table;
    vertical-align: middle;
    height: 36px;
    font-size: 0.7em;
    color: #fff;
    background: #313131;
    text-transform: uppercase;
    width: 100%;
    position: relative;
    text-align: center;
    z-index: 3; }
    ul#mobileMainNav li {
      display: inline-block;
      color: #989855;
      margin: 12px 2.5% 8px;
      font-size: 1.1em; }
      ul#mobileMainNav li a {
        color: #989855; }
        ul#mobileMainNav li a:hover {
          color: #FFF; }
        ul#mobileMainNav li a.current {
          color: #fff; }

  .node-type-living-overview-page #main-interior #wrapper-interior .alt-section li.stagger-left .plain-content {
    float: none;
    width: auto; }

  .node-type-living-overview-page #main-interior .alt-section {
    margin-top: 0;
    padding-bottom: 0; }
    .node-type-living-overview-page #main-interior .alt-section .stagger-left .arrows {
      width: auto; }

  .node-type-living-overview-page #main-interior section.alt-section h2 {
    width: 80%;
    margin-bottom: 2%; }

  .menu-link {
    background: url("../images/searchicon-light.png") left 4px no-repeat;
    padding: 5px 0 5px 22px;
    background-size: 14px 13px; }
    .menu-link:hover {
      background: url("../images/searchiconwhite-retina.png") left 4px no-repeat;
      background-size: 14px 13px; }

  #mobileNav {
    display: block;
    clear: both;
    background: rgba(70, 70, 70, 0.7); }

  #utility {
    display: none;
    position: static;
    clear: both; }
    #utility .search {
      display: block;
      padding: 20px 0;
      float: none;
      height: 32px;
      text-align: center; }
      #utility .search input {
        border: none;
        display: inline-block;
        width: 64%;
        height: 27px;
        font-size: 1.7em;
        margin: 0 -4px 0 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0; }
      #utility .search button {
        background: url("/sites/all/themes/basic/images/searchicon.png") top left no-repeat;
        display: inline-block;
        width: 35px;
        height: 35px;
        cursor: pointer;
        border: 0;
        vertical-align: top; }
    #utility .show-item {
      display: none; }
    #utility.open {
      display: block; }
    #utility ul {
      display: block;
      width: 100%;
      background: #313131;
      margin: 0; }
      #utility ul li {
        display: none; }
        #utility ul li.search-btn {
          display: block;
          position: relative;
          z-index: 5;
          padding: 10px 0 5px;
          width: 88%;
          margin: 0 auto; }
    #utility #search {
      padding: 1% 0 1% 2%;
      float: none;
      height: 32px; }
      #utility #search input {
        width: 74%;
        font-size: 1.4em; }
      #utility #search button {
        font-size: 1.4em;
        cursor: pointer;
        width: 23%; }

  .callout-grid dl.learn-list, .callout-grid dl.learn-parents-edu {
    float: none;
    margin: 0;
    width: 100%; }
  .callout-grid h2 {
    text-align: left;
    padding: 22px 0 22px 6%; }

  #main .service-branches-links .contain {
    max-width: none;
    padding: 35px 7%;
    width: auto; }
  #main .service-branches-links p {
    width: 95%;
    padding: 10px 0px 20px 0px; }
  #main .service-branches-links ul {
    background: transparent;
    margin: 0;
    padding: 0; }
  #main .service-branches-links li {
    float: none;
    width: 100%;
    padding: 16px 0 0 117px;
    min-height: 90px; }
    #main .service-branches-links li.marines, #main .service-branches-links li.navy, #main .service-branches-links li.coastguard {
      padding: 28px 0 0 117px;
      min-height: 78px; }
    #main .service-branches-links li li {
      padding: 0 0 1%;
      min-height: 0;
      font-size: 1em; }
      #main .service-branches-links li li a {
        font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif; }

  .page-working-compensation-estimator .estimator-filters, .page-working-compensation-estimator .what-you-could-do {
    padding: 20px 4% 0;
    width: 92%; }
    .page-working-compensation-estimator .estimator-filters h2, .page-working-compensation-estimator .what-you-could-do h2 {
      font-size: 25px;
      position: relative; }
    .page-working-compensation-estimator .estimator-filters dt, .page-working-compensation-estimator .what-you-could-do dt {
      position: relative; }
    .page-working-compensation-estimator .estimator-filters span.info, .page-working-compensation-estimator .what-you-could-do span.info {
      position: static; }
      .page-working-compensation-estimator .estimator-filters span.info:hover .text, .page-working-compensation-estimator .estimator-filters span.info.on .text, .page-working-compensation-estimator .what-you-could-do span.info:hover .text, .page-working-compensation-estimator .what-you-could-do span.info.on .text {
        left: 0;
        top: 65px;
        width: 260px; }
    .page-working-compensation-estimator .estimator-filters dt span.info:hover .text, .page-working-compensation-estimator .what-you-could-do dt span.info:hover .text {
      top: 22px; }
  .page-working-compensation-estimator .estimator h4 {
    padding: 348px 0 4px;
    text-align: left; }
  .page-working-compensation-estimator .estimator h5 {
    top: 31px; }
  .page-working-compensation-estimator .estimator ul.count {
    bottom: 27px;
    margin: 0 0 0 -1%;
    width: 106%;
    z-index: 10; }
    .page-working-compensation-estimator .estimator ul.count li.last.current {
      font-size: 14px;
      line-height: 14px; }
  .page-working-compensation-estimator .graph {
    margin: -64px auto 40px;
    overflow: hidden; }
    .page-working-compensation-estimator .graph h2 {
      top: 5px; }
    .page-working-compensation-estimator .graph .slider-area {
      bottom: 62px;
      z-index: 10;
      width: 96%; }
    .page-working-compensation-estimator .graph .high-low-scale ul.lows li.last span {
      color: #0c3844; }
    .page-working-compensation-estimator .graph .high-low-scale .highs li, .page-working-compensation-estimator .graph .high-low-scale .highs li.last {
      bottom: -5px !important;
      left: 10px !important;
      top: auto !important; }
    .page-working-compensation-estimator .graph .high-low-scale .lows li, .page-working-compensation-estimator .graph .high-low-scale .lows li.last {
      top: auto !important;
      left: auto !important;
      bottom: -5px !important;
      right: 10px !important;
      text-align: right; }
  .page-working-compensation-estimator .pies {
    margin: 80px auto 0;
    padding: 40px 5% 0 5%; }
    .page-working-compensation-estimator .pies li {
      width: 98%; }
      .page-working-compensation-estimator .pies li > div {
        margin: 0 auto; }
    .page-working-compensation-estimator .pies h3.total {
      left: 0;
      margin: 30px 0 2% 0; }
  .page-working-compensation-estimator .pie-data {
    padding: 30px 0 38px; }
    .page-working-compensation-estimator .pie-data li {
      padding: 0 0 15px 11%;
      width: 36%;
      float: left; }
      .page-working-compensation-estimator .pie-data li h4 {
        padding: 0; }

  footer {
    background: #333132; }
    footer .footer-contain {
      display: block;
      margin: 0 6%;
      padding: 25px 0 0;
      position: relative;
      width: 88%; }
      footer .footer-contain .more-links {
        display: none; }
      footer .footer-contain .search {
        margin: 0 0 8px 0; }
      footer .footer-contain ul.mobile-extras {
        background: transparent;
        display: block;
        padding: 14px 0; }
        footer .footer-contain ul.mobile-extras a {
          color: #FFF; }
          footer .footer-contain ul.mobile-extras a:hover {
            color: #7E7E2B; }
        footer .footer-contain ul.mobile-extras .language-toggle {
          font-size: .8em;
          padding: 0;
          position: absolute;
          bottom: 14px;
          right: 0; }
          footer .footer-contain ul.mobile-extras .language-toggle a {
            color: #7E7E2B;
            display: inline;
            text-decoration: underline; }
            footer .footer-contain ul.mobile-extras .language-toggle a.current {
              color: #fff;
              text-decoration: none; }
      footer .footer-contain ul.main-links {
        overflow: hidden;
        background: #333132;
        font-size: 1em;
        padding: 0; }
        footer .footer-contain ul.main-links a:hover {
          color: #FFF; }
        footer .footer-contain ul.main-links li.language-toggle {
          display: none; }
      footer .footer-contain ul.main-links li, footer .footer-contain ul.mobile-extras li {
        background: #333132;
        display: block;
        float: none;
        width: auto; }
      footer .footer-contain ul.mobile-extras a {
        display: block;
        font-family: "Trade Gothic W01 Light", "Arial", sans-serif;
        padding: 2% 0;
        text-decoration: none;
        text-align: left;
        width: 45%; }
      footer .footer-contain ul.main-links a {
        display: block;
        font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
        padding: 2% 0;
        text-decoration: none;
        text-align: left;
        width: 30%; }
    footer .legal {
      font-size: 0.7em;
      padding: 2% 5% 60px; }
      footer .legal span {
        border-left: 1px solid #fff;
        line-height: 13px;
        padding: 0 0 0 11px;
        margin: 4px 0 0; }

  div.comments {
    display: none; }

  .main-content {
    width: 100%;
    float: none; }

  .main-content li {
    display: block;
    font-size: .8em; }
    .main-content li h4 {
      display: block;
      font: normal 1.4em / 1.3em "TradeGothicW01-BoldCn20 675334", "Impact", "Arial Narrow", "Arial", sans-serif;
      text-transform: uppercase;
      padding: 20px 0 10px; }

  .sub-utilities input {
    width: 100px; }

  .page-joining #main-interior ul li.stagger-right .callout-grid ul li {
    height: 450px; }

  .page-joining #main-interior ul li.stagger-right .callout-grid .dots li {
    height: 10px;
    width: 10px;
    background: #fff; }
    .page-joining #main-interior ul li.stagger-right .callout-grid .dots li.current {
      background: #989898; }

  .page-joining .lang-es #main-interior #interior-section .swipe-slides li {
    height: 550px; }

  #main-interior #wrapper-interior li.gray-block .next-step, #main-interior li.gray-block .next-step, .last-interior-section li.gray-block .next-step {
    -webkit-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
    box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
    padding-bottom: 4px; }

  #main-interior .next-step p {
    padding-bottom: 5px;
    width: 80%; }

  #resource-wrap .next-step h3 {
    width: 80%;
    padding-bottom: 8px; }
  #resource-wrap .next-step ul {
    width: 80%; }
  #resource-wrap .next-step li {
    margin-top: 0; }

  .node-type-training-overview-page #main-interior li.stagger-right .video-wrapper-right, .node-type-living-overview-page #main-interior li.stagger-right .video-wrapper-right {
    margin-bottom: 0; }

  .node-type-working-overview-page #main-interior .view-filters .views-exposed-widgets .views-exposed-widget {
    margin: 5px auto 25px;
    padding: 0;
    width: 230px; }
  .node-type-working-overview-page #main-interior .estimator-filters {
    padding: 0 4% 5%; } }
/* RETINA ICONS */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 40em), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 40em), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (max-width: 40em), only screen and (min-device-pixel-ratio: 2) and (max-width: 40em), only screen and (min-resolution: 192dpi) and (max-width: 40em), only screen and (min-resolution: 2dppx) and (max-width: 40em) {
  /* L/R ARROWS FOR SWIPERS */
  .swipe-nav a, .video-scroll .swipe-nav a {
    background: url("../images/left-arrow-retina.png") 0 0 no-repeat;
    text-indent: -999px;
    height: 36px;
    width: 13px;
    background-size: 13px 36px; }
    .swipe-nav a.next, .video-scroll .swipe-nav a.next {
      background: url("../images/right-arrow-retina.png") 0 0 no-repeat;
      height: 36px;
      width: 13px;
      background-size: 13px 36px; }

  .search-box button {
    background: url("../images/searchiconlight-retina.png") center center no-repeat;
    background-size: 14px 13px; }
    .search-box button:hover {
      background: url("../images/searchicondark-retina.png") center center no-repeat;
      background-size: 14px 13px; }

  .menu-link {
    background: url("../images/searchiconlight-retina.png") left 4px no-repeat;
    background-size: 14px 13px; }

  #main-interior li.stagger-right ul.arrows li, #main-interior li.stagger-left ul.arrows li, #main-interior li.stagger-none ul.arrows li, #main-interior li.quarter-text ul.arrows li, #main-interior .sidebar-image ul.arrows li, #main-interior .sidebar-blank ul.arrows li, #main-interior .sidebar-links ul.arrows li {
    background: url("/sites/all/themes/basic/images/green_arrow_dark_retina.png") no-repeat left center;
    background-size: 17px 17px; }

  #main-interior li.stagger-right .video-wrapper-right ul.arrows li, #main-interior li.stagger-left .video-wrapper-left ul.arrows li {
    background: none; }

  .next-step li, .plain-content h6, #main-interior .large-video-description a {
    background: url("/sites/all/themes/basic/images/green_arrow_dark_retina.png") no-repeat left center;
    background-size: 17px 17px; }

  .node-type-training-overview-page .alt-section h2 {
    background: url("../images/green_arrow_light_retina-up.png") 94.5% 3px no-repeat;
    background-size: 17px 17px; }

  h3.accordion a, .node-type-supporting-your-child-page #main-interior .two-col h3::after, .node-type-contact-recruiter #main-interior h3:after, .node-type-supporting-your-child-page #main-interior h3:after, .node-type-contact-recruiter #main-interior .two-col h3:after {
    background: url("../images/green_arrow_light_retina-down.png") no-repeat 94.5% center;
    background-size: 17px 17px; }

  .faq-list h3:after {
    background: url("../images/green_arrow_light_retina-down.png");
    background-size: 17px 17px; }

  #mainNav a:after, #main-interior .video-description .read-transcript, #main-interior .video-more-info li .link-off li a {
    background: url("../images/green_arrow_light_retina.png") no-repeat 0 0;
    background-size: 17px 17px; }

  #mainNav #subnav ul.subnav-cols > li a.nav-back:after {
    background: url("../images/green_arrow_light_retina-left.png") 0 0 no-repeat;
    background-size: 17px 17px;
    left: 4%; }

  #main-interior .video-more-info li .link-off li a[target="_blank"]::after {
    background: url("../images/external_link_icon_light_retina.png") no-repeat 0 0;
    background-size: 10px 10px; }

  .node-type-joining-overview-page #main-interior li.stagger-left ul.arrows li {
    background: url("/sites/all/themes/basic/images/green_arrow_dark_retina.png") no-repeat left top;
    background-size: 17px 17px; }

  .node-type-supporting-your-child-page .stagger-none .mobile {
    background: url("../images/green_arrow_light_retina-up.png") right center no-repeat;
    background-size: 17px 17px; }

  .stagger-none .mobile {
    background: url("../images/green_arrow_light_retina-up.png") right 3px no-repeat;
    background-size: 17px 17px; }

  .mobile-collapse > li > h2 {
    background: url("../images/green_arrow_light_retina-up.png") 100% 3px no-repeat;
    background-size: 17px 17px; }

  #wrapper-interior .grid4 h2, .gray-block #download {
    background: url("../images/green_arrow_light_retina-up.png") 99.5% 23px no-repeat;
    background-size: 17px 17px; }

  #downloads {
    background: url("../images/green_arrow_light_retina-up.png") 99.5% 26px no-repeat;
    background-size: 17px 17px; }

  .faq-list .mobile-collapse h2 {
    background: url("../images/green_arrow_light_retina-up.png") no-repeat 98.5% center;
    background-size: 17px 17px; }

  #career-fields .mobile {
    background: url("../images/green_arrow_light_retina-up.png") 99.3% center no-repeat;
    background-size: 17px 17px; }

  #main-interior li.stagger-right ul.arrows li a.read-transcript, #main-interior li.stagger-left ul.arrows li a.read-transcript {
    background: url("/sites/all/themes/basic/images/green_arrow_dark_retina.png") no-repeat left center;
    background-size: 17px 17px; } }
@media only screen and (max-width: 30em) and (orientation: landscape) {
  img.bg-img {
    top: 70%; } }
.noshadow img {
  box-shadow: none !important; }

.jumplink {
  height: 1px;
  visibility: hidden; }

/* CLEARFIX GOES LAST ALWAYS */
.clearfix {
  display: inline-block; }
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

/* Hides from IE-mac \*/
* .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* End hide from IE-mac */
#toolbar div.toolbar-menu {
  height: auto; }

#toolbar div.toolbar-drawer {
  background: #666;
  height: auto; }

#overlay-container {
  top: 50px; }

/* Request Form */
.checkbox label {
  display: inline; }

.checkbox input {
  width: 20px !important;
  float: none !important; }

.request-form .fields .checkbox {
  background-color: transparent;
  float: none; }

select {
  padding: 3px;
  margin: 0;
  -webkit-border-radius: 0px;
  height: 31px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  color: #707014;
  font-size: 14px;
  border: none;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  text-indent: 10px;
  text-overflow: " ";
  background: #fff url("/sites/all/themes/basic/images/bg-dropdown-vert.png") no-repeat 99% center; }

.request-form .fields .radio {
  float: none; }

.radio input {
  float: none;
  width: 20px !important; }

.school div {
  width: 50% !important; }

#submit {
  color: #fff;
  background-color: #8e8e8e;
  width: 160px;
  height: 44px;
  border: none;
  border-radius: 10px;
  font-size: 20px;
  font-family: "Trade Gothic W01 Light", "Arial", sans-serif;
  font-weight: normal;
  cursor: pointer; }

.checkallthatapply {
  margin-bottom: 40px; }

fieldset .not-interested {
  display: block;
  margin: -33px 0 30px; }
  fieldset .not-interested input {
    margin: 0 10px 0 0; }
  fieldset .not-interested label {
    display: inline; }

#interest {
  margin: 0 0 50px 0 !important;
  box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  padding: 10px 0 15px; }
  #interest.error, #interest.error * {
    background: #ffddd1 !important; }

#interest label {
  display: none; }

#interest th {
  font-size: 14px;
  padding: 10px 2%; }

#interest th[scope=col] {
  width: 12.5%; }

#interest thead th {
  text-align: center; }

#interest td {
  text-align: center;
  padding: 0; }

#interest * {
  border: none;
  background-color: #f5f7f6 !important; }

#interest td.full-line {
  border-top: 1px solid #ccc;
  text-align: left;
  padding: 18px 20px 4px; }
  #interest td.full-line span.not-interested {
    margin: 0; }
  #interest td.full-line label {
    display: inline-block; }

#tellus {
  background-color: #f5f7f6;
  margin: 30px 0;
  padding: 40px 0; }

#tellus h2 {
  font: normal 22px/24px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", "Arial", sans-serif;
  padding: 0 0 5px;
  text-transform: uppercase; }

#tellus .inner {
  font: normal 14px/20px "Trade Gothic W01 Light", "Arial", sans-serif;
  width: 95%;
  max-width: 960px;
  margin: 0 auto; }

#tellus .types li a {
  color: #413e40 !important; }

#tellus .types li {
  background: transparent url("/sites/all/themes/basic/images/inactive.png") 0 center no-repeat;
  padding-left: 28px;
  margin: 10px auto; }

#tellus .types li.active, #tellus .types li:hover {
  background: transparent url("/sites/all/themes/basic/images/active.png") 0 center no-repeat; }

#interest {
  display: block; }

#minterest {
  display: none; }

#errors {
  text-align: center;
  font-size: 30px;
  color: red;
  margin: 30px auto; }

.compare-branches {
  width: 95%;
  max-width: 960px;
  margin: 20px auto; }
  .compare-branches.mobile {
    display: none; }
  .compare-branches .info {
    position: relative;
    top: 5px;
    left: 10px;
    cursor: pointer;
    text-transform: none; }
    .compare-branches .info:hover .text, .compare-branches .info.active .text {
      display: block; }
    .compare-branches .info .icon {
      position: absolute;
      top: 0;
      left: 0;
      display: inline-block;
      width: 16px;
      height: 16px;
      line-height: 16px;
      background-color: #797c2b;
      color: #fff;
      font-family: serif;
      font-size: 13px;
      font-style: italic;
      text-align: center;
      border-radius: 10px; }
    .compare-branches .info .text {
      position: absolute;
      top: 0;
      left: 0;
      display: none;
      width: 240px;
      padding: 10px 12px;
      background-color: #797c2b;
      color: #fff;
      font-family: "Trade Gothic W01 Light", "Arial", sans-serif;
      font-size: 12px;
      line-height: 18px;
      border-radius: 10px; }
  .compare-branches .branch {
    background-color: #f5f7f6;
    padding: 10px 10px 15px 10px;
    margin-bottom: 15px;
    text-align: left; }
    .compare-branches .branch a {
      text-transform: uppercase; }
  .compare-branches a {
    display: inline-block;
    margin-bottom: 6px; }
  .compare-branches p {
    padding: 0 !important; }
  .compare-branches table {
    margin: 20px 0 0 0; }
  .compare-branches tr:first-child td {
    background-color: white;
    border: none; }
  .compare-branches td:first-child {
    background-color: white; }
  .compare-branches td:nth-child(1) {
    position: relative;
    width: 9%;
    padding-left: 0; }
    .compare-branches td:nth-child(1) img {
      position: absolute;
      width: 80%; }
  .compare-branches td:nth-child(2) {
    width: 30%;
    border: 1px solid #c5c5c5;
    background-color: #f5f7f6; }
  .compare-branches td:nth-child(3) {
    width: 1%;
    padding: 0;
    background-color: white; }
  .compare-branches td:nth-child(4) {
    width: 30%;
    border: 1px solid #c5c5c5;
    background-color: #e9e9e9; }
  .compare-branches td:nth-child(5) {
    width: 30%;
    border: 1px solid #c5c5c5;
    background-color: #e9e9e9; }
  @media only screen and (max-width: 640px) {
    .compare-branches {
      display: none; }
      .compare-branches.mobile {
        display: block;
        width: 90%;
        padding: 20px 5%;
        text-align: center; }
      .compare-branches img {
        padding-bottom: 10px; }
      .compare-branches h3 {
        padding: 15px 0; } }

.explore-branches {
  width: 95%;
  max-width: 960px;
  margin: 0 auto;
  padding: 40px 0 60px 0; }
  .explore-branches img {
    height: 60px; }
  .explore-branches .description {
    margin-bottom: 60px; }
  .explore-branches .description a {
    display: inline-block;
    margin-top: 10px;
    padding-left: 25px;
    background: url("/sites/all/themes/basic/images/green_arrow_dark_19.png") no-repeat left top; }
  .explore-branches h3 {
    margin: 38px 0 0 0 !important; }
  .explore-branches h3.full-time {
    margin: 84px 0 0 0 !important; }
  .explore-branches .branch {
    width: 15%;
    float: left;
    padding-right: 2%; }
    .explore-branches .branch:last-child {
      padding-right: 0; }
  .explore-branches .branch a {
    display: block;
    margin-top: 8px; }
  .explore-branches .branch a.full-time {
    margin: 20px 0 40px 0; }
  .explore-branches .branch a span {
    display: none; }
  @media screen and (max-width: 640px) {
    .explore-branches {
      width: 90%; }
      .explore-branches img {
        height: inherit;
        margin: 30px 0 0 0; }
      .explore-branches h3 {
        display: none; }
      .explore-branches .description {
        margin-bottom: 40px; }
      .explore-branches .branch {
        width: 100%;
        float: none;
        text-align: center;
        padding-right: 0; }
      .explore-branches .branch a {
        text-align: left;
        padding-left: 12px; }
      .explore-branches .branch a.full-time {
        background-color: #e6e7e8;
        margin: 0;
        padding: 12px; }
      .explore-branches .branch a span {
        display: inline-block;
        float: right;
        color: #413E40;
        font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
        letter-spacing: 0.03em;
        text-transform: uppercase; } }

@media only screen and (max-width: 60em) {
  #interest {
    display: none; }

  #minterest {
    display: block; }

  .inner {
    margin: 0;
    width: 100% !important; }

  .request-form .fields div {
    width: 100% !important; }

  .request-form .fields div input {
    width: 100% !important; }

  .request-form .fields fieldset.short-group {
    width: 100% !important; }
    .request-form .fields fieldset.short-group select {
      width: 100%; }
    .request-form .fields fieldset.short-group input {
      width: 100%; }

  .request-form .phones div input {
    width: 24% !important; }

  .request-form .fields div input[type='checkbox'], .request-form .fields div input[type='radio'] {
    width: auto !important; }

  #minterest li {
    background: #f9f9f9;
    color: #7b7b26;
    font-size: 18px;
    padding: 10px 18px;
    line-height: 18px;
    margin: 10px 0; }

  #minterest li strong {
    background: #f9f9f9 url("/sites/all/themes/basic/images/expand.png") no-repeat 100% center;
    display: block;
    width: 100%; }

  #minterest li.open strong {
    background: #f9f9f9 url("/sites/all/themes/basic/images/caret-up.png") no-repeat 100% center; }

  #minterest li ul li {
    font-size: 14px;
    color: #413e40;
    background: #f9f9f9; }

  #minterest li ul li input {
    float: left; }

  #minterest li ul {
    display: none; }

  .solid-media-list img {
    width: 50px !important; }

  .request-form .solid-media-list li div {
    padding: 0 !important;
    float: left;
    width: 62% !important;
    margin-left: 20px;
    margin-bottom: 20px; }

  .request-form .solid-media-list li input {
    margin: 25px 5px 0 0 !important; }

  #tellus {
    background: url("/sites/all/themes/basic/images/accordion-bg.gif") repeat-x scroll center top transparent;
    padding: 40px; }

  .mbg {
    background: url("/sites/all/themes/basic/images/accordion-bg.gif") repeat-x scroll center top transparent;
    padding: 40px;
    margin-top: 20px; } }
@media only screen and (max-width: 60em) and (orientation: portrait) {
  .video-scroll ul#videos {
    margin: 15px 0px 0px 24px; }

  .video-scroll ul#videos li {
    width: 29%;
    margin: 0 0 0 16px; }

  .video-scroll .video-nav a {
    left: 0px; }

  .video-scroll .video-nav a.next {
    right: 0px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
  html {
    -webkit-text-size-adjust: none; } }
/* iphone 5 landscape only */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  #mobileMenu li#menu {
    vertical-align: inherit;
    line-height: inherit; }
    #mobileMenu li#menu img {
      margin-top: 20px; }

  #mobileMenu .menu-desc {
    margin: 3px 63px 0 0; } }
/* Mixins
=============================================*/
.view-filters, #main-interior .view-filters {
  background: #f1f2f2;
  border-bottom: 3px solid #E4E3E3; }
  .view-filters .overview, #main-interior .view-filters .overview {
    padding: 40px 0 0;
    width: 80%;
    max-width: 960px;
    margin: 0 auto -28px; }
    .view-filters .overview h3, #main-interior .view-filters .overview h3 {
      font: normal 22px/24px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
      padding: 0 0 15px;
      text-transform: uppercase; }
    .view-filters .overview p, #main-interior .view-filters .overview p {
      display: block; }
  .view-filters .views-exposed-widgets, #main-interior .view-filters .views-exposed-widgets {
    padding: 0 24px 40px 39px; }
    .view-filters .views-exposed-widgets .views-exposed-widget, #main-interior .view-filters .views-exposed-widgets .views-exposed-widget {
      float: left;
      margin: 0 auto 20px 0;
      text-align: left;
      width: 250px; }
      .view-filters .views-exposed-widgets .views-exposed-widget.views-widget-filter-field_industry_tags_tid, #main-interior .view-filters .views-exposed-widgets .views-exposed-widget.views-widget-filter-field_industry_tags_tid {
        width: 460px;
        margin: 0 auto 20px -6px; }
      .view-filters .views-exposed-widgets .views-exposed-widget.views-widget-filter-field_officer_or_enlisted_value, #main-interior .view-filters .views-exposed-widgets .views-exposed-widget.views-widget-filter-field_officer_or_enlisted_value {
        margin: 0 auto 20px 0; }
      .view-filters .views-exposed-widgets .views-exposed-widget.views-submit-button, #main-interior .view-filters .views-exposed-widgets .views-exposed-widget.views-submit-button {
        float: none;
        padding: 35px 0 0; }
    .view-filters .views-exposed-widgets .views-exposed-widget.submit-btn button, #main-interior .view-filters .views-exposed-widgets .views-exposed-widget.submit-btn button {
      background: #a09e9f; }
      .view-filters .views-exposed-widgets .views-exposed-widget.submit-btn button:hover, #main-interior .view-filters .views-exposed-widgets .views-exposed-widget.submit-btn button:hover {
        background: #a2a267; }
    .view-filters .views-exposed-widgets .views-exposed-widget fieldset.collapsed, #main-interior .view-filters .views-exposed-widgets .views-exposed-widget fieldset.collapsed {
      height: 66px;
      width: 100%; }
    .view-filters .views-exposed-widgets .views-exposed-widget legend, #main-interior .view-filters .views-exposed-widgets .views-exposed-widget legend {
      width: 100%; }
      .view-filters .views-exposed-widgets .views-exposed-widget legend span, #main-interior .view-filters .views-exposed-widgets .views-exposed-widget legend span {
        background: transparent;
        padding: 0; }
        .view-filters .views-exposed-widgets .views-exposed-widget legend span.summary, #main-interior .view-filters .views-exposed-widgets .views-exposed-widget legend span.summary {
          display: none; }
      .view-filters .views-exposed-widgets .views-exposed-widget legend a, #main-interior .view-filters .views-exposed-widgets .views-exposed-widget legend a {
        color: #413E40;
        font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
        display: block;
        padding: 0;
        width: 100%; }
        .view-filters .views-exposed-widgets .views-exposed-widget legend a.fieldset-title span, #main-interior .view-filters .views-exposed-widgets .views-exposed-widget legend a.fieldset-title span {
          color: #7b7b26;
          content: none;
          background: #fff url("/sites/all/themes/basic/images/bg-dropdown-vert.png") right center no-repeat !important;
          display: block;
          font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
          margin: 7px 0 0;
          padding: 5px 10px;
          width: 93%;
          border: 1px solid #ccc; }
          .view-filters .views-exposed-widgets .views-exposed-widget legend a.fieldset-title span span.num, #main-interior .view-filters .views-exposed-widgets .views-exposed-widget legend a.fieldset-title span span.num {
            background: transparent !important;
            display: inline !important;
            padding: 0 !important;
            border: none; }
    .view-filters .views-exposed-widgets .views-exposed-widget .fieldset-wrapper, #main-interior .view-filters .views-exposed-widgets .views-exposed-widget .fieldset-wrapper {
      background: #fff;
      position: absolute;
      text-align: left;
      width: 98%;
      z-index: 10; }
      .view-filters .views-exposed-widgets .views-exposed-widget .fieldset-wrapper > div, #main-interior .view-filters .views-exposed-widgets .views-exposed-widget .fieldset-wrapper > div {
        padding: 13px; }
      .view-filters .views-exposed-widgets .views-exposed-widget .fieldset-wrapper .form-item, #main-interior .view-filters .views-exposed-widgets .views-exposed-widget .fieldset-wrapper .form-item {
        overflow: hidden;
        padding: 5px 0; }
        .view-filters .views-exposed-widgets .views-exposed-widget .fieldset-wrapper .form-item input, #main-interior .view-filters .views-exposed-widgets .views-exposed-widget .fieldset-wrapper .form-item input {
          float: left;
          margin: 4px 0 3px; }
        .view-filters .views-exposed-widgets .views-exposed-widget .fieldset-wrapper .form-item label, #main-interior .view-filters .views-exposed-widgets .views-exposed-widget .fieldset-wrapper .form-item label {
          display: block;
          font: normal 13px/15px "Trade Gothic W01 Light", "Arial", sans-serif;
          margin: 0 0 0 25px; }
    .view-filters .views-exposed-widgets .views-exposed-widget .form-item-field-industry-tags-tid .fieldset-wrapper > div, #main-interior .view-filters .views-exposed-widgets .views-exposed-widget .form-item-field-industry-tags-tid .fieldset-wrapper > div {
      height: 250px;
      overflow: auto; }
    .view-filters .views-exposed-widgets .views-widget-filter-keys,
    .view-filters .views-exposed-widgets .views-widget-filter-search_api_views_fulltext, #main-interior .view-filters .views-exposed-widgets .views-widget-filter-keys,
    #main-interior .view-filters .views-exposed-widgets .views-widget-filter-search_api_views_fulltext {
      margin: 0;
      overflow: hidden;
      padding: 49px 0 0 10px;
      position: relative;
      width: 247px; }
      .view-filters .views-exposed-widgets .views-widget-filter-keys label,
      .view-filters .views-exposed-widgets .views-widget-filter-search_api_views_fulltext label, #main-interior .view-filters .views-exposed-widgets .views-widget-filter-keys label,
      #main-interior .view-filters .views-exposed-widgets .views-widget-filter-search_api_views_fulltext label {
        color: #413f41;
        float: left;
        font: normal 17px/19px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
        padding: 7px 17px 0 10px;
        text-transform: uppercase;
        width: 38px; }
      .view-filters .views-exposed-widgets .views-widget-filter-keys .views-widget,
      .view-filters .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .views-widget, #main-interior .view-filters .views-exposed-widgets .views-widget-filter-keys .views-widget,
      #main-interior .view-filters .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .views-widget {
        float: left; }
        .view-filters .views-exposed-widgets .views-widget-filter-keys .views-widget input,
        .view-filters .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .views-widget input, #main-interior .view-filters .views-exposed-widgets .views-widget-filter-keys .views-widget input,
        #main-interior .view-filters .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .views-widget input {
          border: none;
          color: #707014;
          display: block;
          font: normal 14px/16px "Trade Gothic W01 Light", "Arial", sans-serif;
          height: 28px;
          margin: 0;
          width: 165px;
          padding-left: 8px; }
      .view-filters .views-exposed-widgets .views-widget-filter-keys .description,
      .view-filters .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .description, #main-interior .view-filters .views-exposed-widgets .views-widget-filter-keys .description,
      #main-interior .view-filters .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .description {
        color: #989855;
        font: normal 14px/16px "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
        left: 86px;
        position: absolute;
        top: 56px; }
    .view-filters .views-exposed-widgets .views-submit-button, .view-filters .views-exposed-widgets .views-reset-button, #main-interior .view-filters .views-exposed-widgets .views-submit-button, #main-interior .view-filters .views-exposed-widgets .views-reset-button {
      width: auto; }
    .view-filters .views-exposed-widgets .views-submit-button, #main-interior .view-filters .views-exposed-widgets .views-submit-button {
      height: 31px;
      margin: 0;
      padding: 49px 0 0; }
      .view-filters .views-exposed-widgets .views-submit-button input, #main-interior .view-filters .views-exposed-widgets .views-submit-button input {
        background: #7b7b26;
        border: none;
        color: #fff;
        cursor: pointer;
        font: normal 14px/16px "Trade Gothic W01 Light", "Arial", sans-serif;
        height: auto;
        margin: 0;
        padding: 7px 25px 6px;
        width: auto;
        z-index: 6; }
        .view-filters .views-exposed-widgets .views-submit-button input:hover, #main-interior .view-filters .views-exposed-widgets .views-submit-button input:hover {
          background: #a2a267; }

.med-mil-link {
  border: 1px solid #7b7b26;
  width: 100%;
  height: 127px;
  margin: 0 auto 20px;
  padding: 10px;
  position: relative; }
  @media (max-width: 679px) {
    .med-mil-link {
      width: 92%; } }
  .med-mil-link .med-mil-img {
    float: left;
    background: url("/sites/all/themes/basic/images/TM_MedMil_Thumbnail.jpg") no-repeat center center;
    width: 160px;
    height: 97px;
    padding: 15px; }
    @media (max-width: 679px) {
      .med-mil-link .med-mil-img {
        display: none; } }
  .med-mil-link .med-mil-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 680px;
    left: 210px;
    padding-right: 20px; }
    .med-mil-link .med-mil-text a {
      font-weight: bold; }
    @media (max-width: 679px) {
      .med-mil-link .med-mil-text {
        left: 10px;
        padding-right: 9px; } }

.node-type-working-overview-page #main-interior .view-filters .views-exposed-widgets .views-exposed-widget legend a {
  padding: 0; }
.node-type-working-overview-page #main-interior .view-filters .views-exposed-widgets .views-exposed-widget .fieldset-wrapper .form-item {
  padding: 5px 2px; }

.estimator-filters {
  background: transparent;
  padding: 40px 0 0;
  width: 80%;
  max-width: 960px;
  margin: 0 auto;
  text-align: center; }
  .estimator-filters .views-exposed-widgets .views-exposed-widget {
    display: inline-block;
    float: none;
    font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
    margin: 0 3% 0 0;
    padding: 0;
    text-align: left;
    width: 24%;
    vertical-align: bottom; }
    .estimator-filters .views-exposed-widgets .views-exposed-widget .fieldset-wrapper {
      width: 100%;
      -webkit-box-shadow: 0 8px 8px 1px rgba(0, 0, 0, 0.09);
      -moz-box-shadow: 0 8px 8px 1px rgba(0, 0, 0, 0.09);
      -ms-box-shadow: 0 8px 8px 1px rgba(0, 0, 0, 0.09);
      -o-box-shadow: 0 8px 8px 1px rgba(0, 0, 0, 0.09);
      box-shadow: 0 8px 8px 1px rgba(0, 0, 0, 0.09); }
      .estimator-filters .views-exposed-widgets .views-exposed-widget .fieldset-wrapper .form-item input {
        margin: 4px 0 3px 1px; }
    .estimator-filters .views-exposed-widgets .views-exposed-widget legend a {
      background: transparent !important;
      padding: 0;
      width: auto; }
      .estimator-filters .views-exposed-widgets .views-exposed-widget legend a:after, .estimator-filters .views-exposed-widgets .views-exposed-widget legend a span {
        color: #7b7b26;
        content: none;
        background: #f3f4f4 url("/sites/all/themes/basic/images/bg-dropdown-vert.png") right center no-repeat;
        display: block;
        font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
        margin: 7px 0 0;
        padding: 5px 10px;
        width: 90%; }
      .estimator-filters .views-exposed-widgets .views-exposed-widget legend a.disabled {
        color: #cacaa8;
        cursor: default; }
        .estimator-filters .views-exposed-widgets .views-exposed-widget legend a.disabled:hover {
          color: #cacaa8; }
  .estimator-filters .views-exposed-widgets button {
    background: #a2a267;
    color: #fff;
    cursor: pointer;
    padding: 9px 22px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px; }
    .estimator-filters .views-exposed-widgets button:hover {
      background: #7b7b26; }

.node-type-working-overview-page #main-interior .view-filters .views-exposed-widgets .views-exposed-widget .fieldset-wrapper {
  left: 7px;
  top: 100%; }

.node-type-working-overview-page #main-interior .view-filters #compensationForm .views-exposed-widgets .views-exposed-widget .fieldset-wrapper {
  left: 0;
  top: auto; }

.node-type-working-overview-page .estimator-filters .views-exposed-widgets .views-exposed-widget legend a:after,
.node-type-living-overview-page .estimator-filters .views-exposed-widgets .views-exposed-widget legend a:after {
  background-color: #fff; }

.view-career-fields-and-profiles-indexed .results-filters {
  width: auto;
  max-width: auto;
  margin: 0;
  padding: 0 0 20px; }

.view-career-fields-and-profiles-indexed .search-info {
  padding: 0 0 20px; }

#main-interior .results-filters ul, .results-filters ul {
  overflow: hidden; }
#main-interior .results-filters li, .results-filters li {
  display: inline-block;
  margin: 0 0 0 18px; }
  #main-interior .results-filters li span, .results-filters li span {
    color: #7b7b26;
    font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif; }
  #main-interior .results-filters li a, .results-filters li a {
    background: #7b7b26;
    color: #fff;
    font: normal 13px/17px "Trade Gothic W01 Light", "Arial", sans-serif;
    margin: 0 0 0 5px;
    padding: 0 5px 1px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px; }
    #main-interior .results-filters li a:hover, .results-filters li a:hover {
      background: #413f41; }
  #main-interior .results-filters li.title, .results-filters li.title {
    margin: 0; }
  #main-interior .results-filters li.clear-all a, .results-filters li.clear-all a {
    background: transparent;
    color: #7b7b26;
    font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
    font-size: 100%; }

.full-content {
  font: normal 14px/20px "Trade Gothic W01 Light", "Arial", sans-serif;
  padding: 40px 0;
  width: 95%;
  max-width: 960px;
  margin: 0 auto; }
  .full-content h1 {
    font: normal 28px/32px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
    line-height: 32px;
    padding: 0 0 5px;
    text-transform: uppercase; }
  .full-content .featured-img {
    float: right;
    padding: 0 0 30px 30px;
    position: relative; }
    .full-content .featured-img.featured-left {
      float: left;
      margin: 0 30px 0 0;
      padding: 0 0 30px; }
    .full-content .featured-img img {
      display: block; }
    .full-content .featured-img span {
      background: #0c3854;
      color: #fff;
      font: normal 20px/20px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
      padding: 10px 15px;
      position: absolute;
      right: 0;
      text-transform: uppercase;
      top: 0; }
      .full-content .featured-img span.enlisted, .full-content .featured-img span.alistado {
        background: #b50938; }
  .full-content dl.profile-info {
    font: normal 14px/20px "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
    overflow: hidden; }
    .full-content dl.profile-info dt {
      clear: left;
      float: left;
      padding: 0 5px 0 0; }
    .full-content dl.profile-info dd {
      float: left; }
      .full-content dl.profile-info dd a[target=_blank]:after {
        background: url("../images/external_link_icon_dark.png") 0 0 no-repeat;
        content: '';
        display: inline-block;
        height: 10px;
        margin: 0 0 0 8px;
        vertical-align: middle;
        width: 10px; }
  .full-content dl.field-attributes {
    padding: 10px 0 0; }
    .full-content dl.field-attributes dt {
      font: normal 14px/20px "Trade Gothic W01 Bold 2", "Arial Black", sans-serif; }
    .full-content dl.field-attributes dd {
      padding: 0 0 25px; }
  .full-content .plain-content span {
    font: normal 14px/20px "Trade Gothic W01 Light", "Arial", sans-serif !important; }
  .full-content .plain-content img {
    float: right;
    padding: 4px 0 50px 30px; }
  .full-content .plain-content blockquote {
    color: #403d40;
    float: left;
    font-size: 20px;
    line-height: 30px;
    padding: 20px 30px;
    width: 48%; }
    .full-content .plain-content blockquote p {
      padding: 0; }
      .full-content .plain-content blockquote p:before {
        background: url("/sites/all/themes/basic/images/bg-quote.png") 0 0 no-repeat;
        content: '.';
        display: inline-block;
        height: 0;
        margin: 0 10px 7px 0;
        overflow: hidden;
        padding: 36px 0 0;
        width: 45px;
        vertical-align: bottom; }
      .full-content .plain-content blockquote p:after {
        background: url("/sites/all/themes/basic/images/bg-quote.png") 0 -41px no-repeat;
        content: '.';
        display: inline-block;
        height: 0;
        margin: 0 0 -15px 11px;
        overflow: hidden;
        padding: 36px 0 0;
        width: 45px;
        vertical-align: bottom; }
  .full-content .plain-content p {
    padding: 0.8em 0; }

.node-type-career-field .summary {
  display: none; }
.node-type-career-field .plain-content h6 {
  display: block; }

.info-list {
  clear: both;
  font: normal 14px/20px "Trade Gothic W01 Light", "Arial", sans-serif;
  overflow: hidden;
  padding: 0 0 35px; }
  .info-list li {
    float: left;
    font: normal 14px/20px "Trade Gothic W01 Light", "Arial", sans-serif;
    width: 46%; }
    .info-list li .plain-content p {
      padding: 12px 0 0; }
    .info-list li .plain-content ul li {
      list-style-image: none;
      list-style-type: disc;
      margin: 0 0 0 16px;
      padding: 2px 0; }
      .info-list li .plain-content ul li a {
        font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif; }
    .info-list li ul {
      padding: 10px 0 0; }
      .info-list li ul li {
        display: list-item;
        float: none;
        width: auto; }
    .info-list li h3 {
      font: normal 22px/24px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
      margin: 0;
      text-transform: uppercase; }

.info-list li.right-side {
  float: right;
  margin-left: 7.5%; }

.featured-profiles, .view-career-profiles-all {
  background: #f1f2f2;
  margin: 32px 0 35px;
  padding: 0 50px 40px; }
  .featured-profiles h2, .view-career-profiles-all h2 {
    font: normal 28px/32px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
    font-size: 28px;
    line-height: 32px;
    padding: 13px 0 13px;
    text-transform: uppercase; }
  .featured-profiles .view-content, .view-career-profiles-all .view-content {
    overflow: hidden; }
  .featured-profiles .bx-wrapper, .view-career-profiles-all .bx-wrapper {
    margin: 25px 0 0 0.5% !important;
    width: 97%; }
    .featured-profiles .bx-wrapper:after, .view-career-profiles-all .bx-wrapper:after {
      content: none; }
  .featured-profiles .bx-controls-direction .bx-prev, .featured-profiles .bx-controls-direction .bx-next, .view-career-profiles-all .bx-controls-direction .bx-prev, .view-career-profiles-all .bx-controls-direction .bx-next {
    top: 38%; }
  .featured-profiles .bx-controls-direction .bx-prev, .view-career-profiles-all .bx-controls-direction .bx-prev {
    left: -5%; }
  .featured-profiles .bx-controls-direction .bx-next, .view-career-profiles-all .bx-controls-direction .bx-next {
    left: auto;
    right: -5%; }
  .featured-profiles .views-row, .view-career-profiles-all .views-row {
    background: #fff;
    overflow: hidden;
    padding: 0; }
    .featured-profiles .views-row .featured-img, .view-career-profiles-all .views-row .featured-img {
      float: left;
      overflow: hidden;
      padding: 0;
      position: relative;
      width: 34%; }
      @media (max-width: 679px) {
        .featured-profiles .views-row .featured-img, .view-career-profiles-all .views-row .featured-img {
          width: 100%; } }
      .featured-profiles .views-row .featured-img:after, .view-career-profiles-all .views-row .featured-img:after {
        display: none; }
      .featured-profiles .views-row .featured-img img, .view-career-profiles-all .views-row .featured-img img {
        height: auto;
        display: block;
        width: 115%; }
      .featured-profiles .views-row .featured-img .officer-enlisted, .view-career-profiles-all .views-row .featured-img .officer-enlisted {
        background: #1e3956;
        color: #fff;
        font: normal 18px/20px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
        padding: 6px 12px;
        position: absolute;
        right: 0;
        text-transform: uppercase;
        top: 0; }
        .featured-profiles .views-row .featured-img .officer-enlisted.enlisted, .view-career-profiles-all .views-row .featured-img .officer-enlisted.enlisted {
          background: #a3093a; }
    .featured-profiles .views-row .details, .view-career-profiles-all .views-row .details {
      float: left;
      width: 62%; }
      @media (max-width: 679px) {
        .featured-profiles .views-row .details, .view-career-profiles-all .views-row .details {
          width: 100%; } }
      .featured-profiles .views-row .details h4, .view-career-profiles-all .views-row .details h4 {
        font: normal 14px/20px "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
        padding: 0 30px; }
        .featured-profiles .views-row .details h4.read-more, .view-career-profiles-all .views-row .details h4.read-more {
          padding: 11px 0 10px 30px; }
          .featured-profiles .views-row .details h4.read-more a, .view-career-profiles-all .views-row .details h4.read-more a {
            background: url("../images/arrow-bullet.png") left center no-repeat;
            display: inline-block;
            padding: 1px 0 0 24px; }
        .featured-profiles .views-row .details h4.first, .view-career-profiles-all .views-row .details h4.first {
          padding: 20px 30px 0; }
      .featured-profiles .views-row .details .plain-content blockquote, .view-career-profiles-all .views-row .details .plain-content blockquote {
        float: none;
        font-size: 14px;
        line-height: 20px;
        padding: 0 30px 0;
        position: relative;
        width: auto; }
        @media (min-width: 681px) and (max-width: 1023px) {
          .featured-profiles .views-row .details .plain-content blockquote, .view-career-profiles-all .views-row .details .plain-content blockquote {
            display: none; } }
        @media (max-width: 679px) {
          .featured-profiles .views-row .details .plain-content blockquote, .view-career-profiles-all .views-row .details .plain-content blockquote {
            display: none; } }
        .featured-profiles .views-row .details .plain-content blockquote p, .view-career-profiles-all .views-row .details .plain-content blockquote p {
          display: block;
          padding: 0 30px;
          margin: 10px 0 0; }
          .featured-profiles .views-row .details .plain-content blockquote p:before, .view-career-profiles-all .views-row .details .plain-content blockquote p:before {
            content: ' ';
            background: url("/sites/all/themes/basic/images/bg-quote-small.png") 0 0 no-repeat;
            margin: 0 7px 4px 0;
            overflow: hidden;
            padding: 22px 0 0;
            width: 27px;
            vertical-align: bottom;
            position: absolute;
            left: 23px;
            top: 0; }
          .featured-profiles .views-row .details .plain-content blockquote p:after, .view-career-profiles-all .views-row .details .plain-content blockquote p:after {
            content: ' ';
            background: url("/sites/all/themes/basic/images/bg-quote-small.png") 0 -26px no-repeat;
            margin: 0 0 -7px 7px;
            overflow: hidden;
            padding: 22px 0 0;
            width: 27px;
            position: absolute;
            vertical-align: bottom; }

.node-type-videos-overview #main-interior .view-all-videos-page .view-filters .views-exposed-widgets {
  width: auto; }

#main-interior .view-all-videos-page .view-filters .views-exposed-widgets, .view-career-fields-and-profiles-indexed .view-filters .views-exposed-widgets {
  position: relative;
  width: 80%;
  max-width: 960px;
  margin: 0 auto;
  padding: 40px 24px 20px 39px; }
  #main-interior .view-all-videos-page .view-filters .views-exposed-widgets .views-widget-filter-keys, .view-career-fields-and-profiles-indexed .view-filters .views-exposed-widgets .views-widget-filter-keys {
    background: #fff;
    margin: 0;
    padding: 4px 6px;
    position: absolute;
    right: 0;
    top: -70px;
    width: 282px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px; }
    #main-interior .view-all-videos-page .view-filters .views-exposed-widgets .views-widget-filter-keys input, .view-career-fields-and-profiles-indexed .view-filters .views-exposed-widgets .views-widget-filter-keys input {
      height: 20px; }
    #main-interior .view-all-videos-page .view-filters .views-exposed-widgets .views-widget-filter-keys button, .view-career-fields-and-profiles-indexed .view-filters .views-exposed-widgets .views-widget-filter-keys button {
      background: transparent url("/sites/all/themes/basic/images/icon-search.png") 0 3px no-repeat;
      cursor: pointer;
      height: 0;
      right: 8px;
      overflow: hidden;
      padding: 22px 0 0;
      position: absolute;
      top: 3px;
      width: 18px; }
      #main-interior .view-all-videos-page .view-filters .views-exposed-widgets .views-widget-filter-keys button:hover, .view-career-fields-and-profiles-indexed .view-filters .views-exposed-widgets .views-widget-filter-keys button:hover {
        opacity: 0.7; }
  #main-interior .view-all-videos-page .view-filters .views-exposed-widgets .hey, .view-career-fields-and-profiles-indexed .view-filters .views-exposed-widgets .hey {
    border: 1px solid #ccc;
    padding: 5px 6px; }

#main-interior .view-all-videos-page .view-filters .views-exposed-widgets .views-submit-button {
  padding: 37px 0 0; }
#main-interior .view-all-videos-page .view-filters .views-exposed-widgets .views-widget-filter-keys {
  right: 25px;
  top: -85px; }

.view-career-fields-and-profiles-indexed #main-interior {
  display: none; }
.view-career-fields-and-profiles-indexed .view-header #main-interior {
  display: block; }
  .view-career-fields-and-profiles-indexed .view-header #main-interior p {
    display: block; }
.view-career-fields-and-profiles-indexed .pager .pager-previous a:before {
  content: '‹ '; }
.view-career-fields-and-profiles-indexed .pager .pager-previous a:after {
  content: ''; }
.view-career-fields-and-profiles-indexed .pager li {
  margin: 0 0 0 15px;
  padding: 0; }
.view-career-fields-and-profiles-indexed .pager a {
  display: inline-block;
  width: 70px; }
  .view-career-fields-and-profiles-indexed .pager a:after {
    content: ' ›'; }
.view-career-fields-and-profiles-indexed .full-content {
  background: #f1f2f2;
  margin: 30px auto;
  overflow: hidden;
  padding: 40px 0 0;
  position: relative; }
  .view-career-fields-and-profiles-indexed .full-content h1 {
    padding: 0 0 15px 50px; }
  .view-career-fields-and-profiles-indexed .full-content > .plain-content {
    padding: 0 50px; }
    .view-career-fields-and-profiles-indexed .full-content > .plain-content h6 {
      display: none; }
  .view-career-fields-and-profiles-indexed .full-content .featured-img {
    position: static; }
    .view-career-fields-and-profiles-indexed .full-content .featured-img:after {
      content: ''; }
  .view-career-fields-and-profiles-indexed .full-content .views-row .featured-img {
    padding: 0; }
.view-career-fields-and-profiles-indexed .info-list, .view-career-fields-and-profiles-indexed .field-attributes {
  display: none; }
.view-career-fields-and-profiles-indexed .summary {
  display: block; }
  .view-career-fields-and-profiles-indexed .summary p {
    display: block;
    font: normal 14px/20px "Trade Gothic W01 Light", "Arial", sans-serif; }
    .view-career-fields-and-profiles-indexed .summary p strong {
      font: normal 14px/20px "Trade Gothic W01 Bold 2", "Arial Black", sans-serif; }
  .view-career-fields-and-profiles-indexed .summary a {
    background: url("../images/arrow-bullet.png") right center no-repeat;
    font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
    padding: 0 24px 2px 0; }

.item-list .pager {
  padding: 10px 0 30px; }

.pager a, #main-interior .pager a {
  background: #7b7b26;
  color: #fff;
  font: normal 14px/20px "Trade Gothic W01 Light", "Arial", sans-serif;
  padding: 6px 10px; }
  .pager a:hover, #main-interior .pager a:hover {
    background: #989855; }

.shadow {
  -webkit-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  -o-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear; }

/*
    CAREER FIELDS & PROFILES
    DROPDOWN SECTION
*/
#main-interior #working-dropdowns {
  position: relative;
  margin-top: 1.75em;
  width: 100%;
  float: none;
  padding: 20px 0 0 0; }
  #main-interior #working-dropdowns .views-exposed-widgets {
    padding: 0; }
    #main-interior #working-dropdowns .views-exposed-widgets fieldset .collapsed {
      width: inherit; }
    #main-interior #working-dropdowns .views-exposed-widgets .views-exposed-widget legend a {
      background: #ffffff url("/sites/all/themes/basic/images/bg-dropdown-vert.png") right center no-repeat;
      padding: 5px 7px; }
    #main-interior #working-dropdowns .views-exposed-widgets h3 {
      display: inline-block;
      margin-bottom: 0;
      padding-right: 0.5em; }
    #main-interior #working-dropdowns .views-exposed-widgets button {
      background: #989898; }
      #main-interior #working-dropdowns .views-exposed-widgets button:hover {
        background: #B8B8B8; }

#main-interior #career-fields {
  overflow: visible;
  padding: 40px 0;
  margin: 70px 0 30px;
  max-height: none; }
  #main-interior #career-fields .stagger-none {
    overflow: visible;
    padding: 0; }
    #main-interior #career-fields .stagger-none .arrows li a {
      padding-left: 25px;
      background: url("/sites/all/themes/basic/images/green_arrow_dark.png") center left no-repeat; }
      @media (max-width: 679px) {
        #main-interior #career-fields .stagger-none .arrows li a {
          float: none; } }
#main-interior #career-fields .stagger-left .arrows li a {
  padding-left: 25px;
  background: url("/sites/all/themes/basic/images/green_arrow_dark.png") center left no-repeat; }

.view-empty {
  padding: 70px 0 120px;
  width: 90%;
  max-width: 960px;
  margin: 0 auto; }
  .view-empty p {
    display: block; }

#edit-industry {
  margin: 0 1% 0 0; }

@media only screen and (max-width: 52.5em) {
  #edit-role, #main-interior .view-filters .views-exposed-widgets .views-exposed-widget {
    display: block;
    margin: 20px auto;
    width: 55%; }

  .view-filters .views-exposed-widgets .views-widget-filter-keys label {
    margin: 0 auto; }

  .view-career-fields-and-profiles-indexed .view-filters .views-exposed-widgets .views-exposed-widget {
    float: none;
    margin: 0 auto 20px;
    text-align: center;
    width: 282px; }
  .view-career-fields-and-profiles-indexed .view-filters .views-exposed-widgets .views-widget-filter-keys {
    display: inline-block;
    float: none;
    width: 282px;
    top: -85px; }
  .view-career-fields-and-profiles-indexed .view-filters .views-exposed-widgets .views-exposed-widget legend a {
    background: url("/sites/all/themes/basic/images/bg-dropdown-on.gif") 0 bottom no-repeat;
    text-align: left; }
  .view-career-fields-and-profiles-indexed .view-filters .views-exposed-widgets .views-submit-button {
    float: none;
    margin: 0 auto;
    vertical-align: top; }
  .view-career-fields-and-profiles-indexed .view-filters .views-exposed-widgets .views-widget-filter-keys .views-widget input {
    width: 200px; } }
@media only screen and (max-width: 47.5em) {
  .featured-profiles, .view-career-profiles-all {
    margin: 15px 0 35px; } }
@media only screen and (max-width: 40em) {
  .featured-profiles .bx-controls-direction .bx-prev {
    left: -9.5%; }
  .featured-profiles .bx-controls-direction .bx-next {
    right: -15.5%; }

  #main-interior #working-dropdowns {
    margin: 2.75em 0;
    width: 94%;
    padding: 20px 0 40px 6%; }
    #main-interior #working-dropdowns .views-exposed-widgets .views-exposed-widget {
      width: 93%;
      margin: 0 auto 20px; }
      #main-interior #working-dropdowns .views-exposed-widgets .views-exposed-widget .fieldset-wrapper {
        width: 100%; }
      #main-interior #working-dropdowns .views-exposed-widgets .views-exposed-widget legend a {
        background: #f3f3f3 url("/sites/all/themes/basic/images/bg-dropdown-vert.png") right center no-repeat;
        padding: 5px 0 5px 5px; }

  #main-interior #working-dropdowns .views-exposed-widgets .views-exposed-widget legend .fieldset-title {
    padding: 0; }

  .view-career-fields-and-profiles-indexed .full-content {
    padding-bottom: 30px; }
    .view-career-fields-and-profiles-indexed .full-content h1 {
      padding: 0;
      margin: 0 auto 20px;
      width: 90%; }
    .view-career-fields-and-profiles-indexed .full-content .featured-img {
      padding: 0;
      float: none;
      margin-bottom: 25px; }
      .view-career-fields-and-profiles-indexed .full-content .featured-img img {
        width: 90%;
        margin: 0 auto; }
    .view-career-fields-and-profiles-indexed .full-content .plain-content {
      padding: 0 0 20px;
      width: 90%;
      margin: 0 auto; }
    .view-career-fields-and-profiles-indexed .full-content .featured-profiles {
      width: 90%;
      margin: 0 auto;
      background: #f1f2f2; }
      .view-career-fields-and-profiles-indexed .full-content .featured-profiles .views-row {
        padding: 0;
        overflow: inherit; }
        .view-career-fields-and-profiles-indexed .full-content .featured-profiles .views-row .featured-img {
          width: 90%;
          margin: 0 auto;
          padding-top: 30px; }
        .view-career-fields-and-profiles-indexed .full-content .featured-profiles .views-row .details {
          width: 100%;
          background: #fff;
          -webkit-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
          -moz-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
          -ms-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
          -o-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
          box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35); }
          .view-career-fields-and-profiles-indexed .full-content .featured-profiles .views-row .details h4 {
            padding: 15px 30px; }
  .view-career-fields-and-profiles-indexed .view-filters .overview {
    width: 90%; }
  .view-career-fields-and-profiles-indexed .view-filters .views-exposed-widgets .views-submit-button {
    float: none;
    margin: 0 auto;
    padding: 75px 0 35px; }
  .view-career-fields-and-profiles-indexed .view-filters .views-exposed-widgets .views-widget-filter-keys {
    top: 300px;
    left: 17px; }
  .view-career-fields-and-profiles-indexed .view-filters .views-exposed-widgets .views-widget-filter-keys label {
    position: absolute;
    top: 7px;
    left: 50%;
    margin-left: -19px; }
  .view-career-fields-and-profiles-indexed .view-filters .views-exposed-widgets .views-exposed-widget {
    width: 250px;
    margin-left: auto; }
    .view-career-fields-and-profiles-indexed .view-filters .views-exposed-widgets .views-exposed-widget .fieldset-wrapper {
      width: 100%; }
  .view-career-fields-and-profiles-indexed .view-filters .views-exposed-form {
    background-color: #E4E3E3; }

  .featured-profiles {
    padding: 0; }

  .node-type-career-profile .full-content .featured-img {
    padding: 0;
    margin-bottom: 10px;
    width: 100%; }
    .node-type-career-profile .full-content .featured-img img, .node-type-career-profile .full-content .featured-img iframe {
      width: 100%; }

  .node-type-career-field .full-content {
    padding: 20px 0; }
    .node-type-career-field .full-content h1 {
      margin-bottom: 20px; }
    .node-type-career-field .full-content .plain-content {
      padding-bottom: 20px; }
    .node-type-career-field .full-content .featured-img {
      float: none;
      padding: 0;
      margin: 0 auto; }
      .node-type-career-field .full-content .featured-img img {
        width: 100%; }
  .node-type-career-field .info-list {
    padding-bottom: 0; }
    .node-type-career-field .info-list li {
      width: 100%;
      margin-bottom: 12px; }
      .node-type-career-field .info-list li ul {
        padding: 5px 0 0; }
  .node-type-career-field .featured-profiles {
    padding-bottom: 20px;
    margin-top: 0; }
    .node-type-career-field .featured-profiles h2 {
      width: 90%;
      margin: 0 auto; }
    .node-type-career-field .featured-profiles .views-row {
      margin: 0 auto;
      width: 90%;
      padding: 0; }
      .node-type-career-field .featured-profiles .views-row .featured-img {
        width: 90%;
        margin: 20px auto 0;
        float: none; }
      .node-type-career-field .featured-profiles .views-row .details {
        width: 100%;
        background: #fff;
        -webkit-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
        -ms-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
        -o-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
        box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35); }
        .node-type-career-field .featured-profiles .views-row .details h4 {
          padding: 15px 30px; }

  .view-filters .views-exposed-widgets .views-exposed-widget.submit-btn, #main-interior .view-filters .views-exposed-widgets .views-exposed-widget.submit-btn {
    display: inline; }

  .page-working-career-fields-and-profiles #main-interior .mobile,
  .page-working-career-fields-and-profiles-spanish #main-interior .mobile {
    margin-top: 20px; }

  .page-working-career-fields-and-profiles .view-career-fields-and-profiles-indexed .view-filters .views-exposed-widgets .views-widget-filter-keys,
  .page-working-career-fields-and-profiles-spanish .view-career-fields-and-profiles-indexed .view-filters .views-exposed-widgets .views-widget-filter-keys {
    top: 300px;
    left: 17px; }
  .page-working-career-fields-and-profiles .view-career-fields-and-profiles-indexed .view-filters .views-exposed-widgets .views-exposed-widget,
  .page-working-career-fields-and-profiles-spanish .view-career-fields-and-profiles-indexed .view-filters .views-exposed-widgets .views-exposed-widget {
    width: 250px;
    margin-left: auto; }
  .page-working-career-fields-and-profiles .view-career-fields-and-profiles-indexed .view-filters .views-exposed-widgets .views-submit-button,
  .page-working-career-fields-and-profiles-spanish .view-career-fields-and-profiles-indexed .view-filters .views-exposed-widgets .views-submit-button {
    float: none;
    margin: 0 auto;
    padding: 75px 0 35px; } }
/* RETINA ICONS */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 40em), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 40em), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (max-width: 40em), only screen and (min-device-pixel-ratio: 2) and (max-width: 40em), only screen and (min-resolution: 192dpi) and (max-width: 40em), only screen and (min-resolution: 2dppx) and (max-width: 40em) {
  #main-interior #career-fields .stagger-none .arrows li a {
    background: url("/sites/all/themes/basic/images/green_arrow_dark_retina.png") no-repeat top left;
    background-size: 17px 17px; } }
.node-type-career-family #main-interior .stagger-right {
  padding: 0; }
.node-type-career-family #main-interior .stagger-right img {
  width: 30.625%;
  max-width: 294px;
  position: relative; }
  @media (max-width: 679px) {
    .node-type-career-family #main-interior .stagger-right img {
      display: block;
      float: none;
      margin: 0 0 30px 5%;
      max-width: 90%;
      width: 100%; } }
@media (max-width: 679px) {
  .node-type-career-family #main-interior .stagger-left .plain-content {
    float: none; } }

.view-career-fields-and-profiles-indexed .views-exposed-form {
  background-color: #E4E3E3; }

#views-exposed-form-career-fields-profiles-page, #views-exposed-form-career-fields-and-profiles-indexed-page, #views-exposed-form-career-fields-and-profiles-indexed-page-1 {
  display: none; }
  #views-exposed-form-career-fields-profiles-page .views-exposed-widgets, #views-exposed-form-career-fields-and-profiles-indexed-page .views-exposed-widgets, #views-exposed-form-career-fields-and-profiles-indexed-page-1 .views-exposed-widgets {
    padding: 10px 24px 40px 39px;
    background: #E4E3E3;
    background-clip: padding-box;
    /* <---- */ }
  #views-exposed-form-career-fields-profiles-page #edit-search-api-views-fulltext-wrapper, #views-exposed-form-career-fields-and-profiles-indexed-page #edit-search-api-views-fulltext-wrapper, #views-exposed-form-career-fields-and-profiles-indexed-page-1 #edit-search-api-views-fulltext-wrapper {
    display: none; }
  #views-exposed-form-career-fields-profiles-page .views-submit-button, #views-exposed-form-career-fields-and-profiles-indexed-page .views-submit-button, #views-exposed-form-career-fields-and-profiles-indexed-page-1 .views-submit-button {
    display: none; }
  #views-exposed-form-career-fields-profiles-page .views-widget .form-item, #views-exposed-form-career-fields-and-profiles-indexed-page .views-widget .form-item, #views-exposed-form-career-fields-and-profiles-indexed-page-1 .views-widget .form-item {
    padding: 0 0 6px; }
  #views-exposed-form-career-fields-profiles-page .views-widget label, #views-exposed-form-career-fields-and-profiles-indexed-page .views-widget label, #views-exposed-form-career-fields-and-profiles-indexed-page-1 .views-widget label {
    display: inline; }
  #views-exposed-form-career-fields-profiles-page .description, #views-exposed-form-career-fields-and-profiles-indexed-page .description, #views-exposed-form-career-fields-and-profiles-indexed-page-1 .description {
    display: none !important; }
  #views-exposed-form-career-fields-profiles-page .fgroup, #views-exposed-form-career-fields-and-profiles-indexed-page .fgroup, #views-exposed-form-career-fields-and-profiles-indexed-page-1 .fgroup {
    float: left;
    width: 250px; }
    @media (min-width: 681px) and (max-width: 1023px) {
      #views-exposed-form-career-fields-profiles-page .fgroup, #views-exposed-form-career-fields-and-profiles-indexed-page .fgroup, #views-exposed-form-career-fields-and-profiles-indexed-page-1 .fgroup {
        text-align: left;
        width: 30%; } }
    @media (max-width: 679px) {
      #views-exposed-form-career-fields-profiles-page .fgroup, #views-exposed-form-career-fields-and-profiles-indexed-page .fgroup, #views-exposed-form-career-fields-and-profiles-indexed-page-1 .fgroup {
        margin: 0 0 20px;
        padding: 0;
        text-align: left;
        width: 90%; } }
    #views-exposed-form-career-fields-profiles-page .fgroup .views-exposed-widget, #views-exposed-form-career-fields-and-profiles-indexed-page .fgroup .views-exposed-widget, #views-exposed-form-career-fields-and-profiles-indexed-page-1 .fgroup .views-exposed-widget {
      float: none;
      margin: 0;
      padding: 0; }
      @media (min-width: 681px) and (max-width: 1023px) {
        #views-exposed-form-career-fields-profiles-page .fgroup .views-exposed-widget, #views-exposed-form-career-fields-and-profiles-indexed-page .fgroup .views-exposed-widget, #views-exposed-form-career-fields-and-profiles-indexed-page-1 .fgroup .views-exposed-widget {
          text-align: left; } }
  #views-exposed-form-career-fields-profiles-page #edit-field-officer-or-enlisted-wrapper, #views-exposed-form-career-fields-and-profiles-indexed-page #edit-field-officer-or-enlisted-wrapper, #views-exposed-form-career-fields-and-profiles-indexed-page-1 #edit-field-officer-or-enlisted-wrapper {
    padding: 0 1em 0 0; }
    @media (min-width: 681px) and (max-width: 1023px) {
      #views-exposed-form-career-fields-profiles-page #edit-field-officer-or-enlisted-wrapper, #views-exposed-form-career-fields-and-profiles-indexed-page #edit-field-officer-or-enlisted-wrapper, #views-exposed-form-career-fields-and-profiles-indexed-page-1 #edit-field-officer-or-enlisted-wrapper {
        float: left;
        width: 30%; } }
    @media (max-width: 679px) {
      #views-exposed-form-career-fields-profiles-page #edit-field-officer-or-enlisted-wrapper, #views-exposed-form-career-fields-and-profiles-indexed-page #edit-field-officer-or-enlisted-wrapper, #views-exposed-form-career-fields-and-profiles-indexed-page-1 #edit-field-officer-or-enlisted-wrapper {
        margin: 0 0 20px;
        padding: 0;
        text-align: left;
        width: 90%; } }
  @media (min-width: 681px) and (max-width: 1023px) {
    #views-exposed-form-career-fields-profiles-page .views-exposed-widget, #views-exposed-form-career-fields-and-profiles-indexed-page .views-exposed-widget, #views-exposed-form-career-fields-and-profiles-indexed-page-1 .views-exposed-widget {
      text-align: left; } }
  @media (max-width: 679px) {
    #views-exposed-form-career-fields-profiles-page .views-exposed-widget, #views-exposed-form-career-fields-and-profiles-indexed-page .views-exposed-widget, #views-exposed-form-career-fields-and-profiles-indexed-page-1 .views-exposed-widget {
      text-align: left; } }
  #views-exposed-form-career-fields-profiles-page .views-exposed-widget label, #views-exposed-form-career-fields-and-profiles-indexed-page .views-exposed-widget label, #views-exposed-form-career-fields-and-profiles-indexed-page-1 .views-exposed-widget label {
    font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
    padding: 0 0 10px; }
  #views-exposed-form-career-fields-profiles-page .views-exposed-widget div label, #views-exposed-form-career-fields-and-profiles-indexed-page .views-exposed-widget div label, #views-exposed-form-career-fields-and-profiles-indexed-page-1 .views-exposed-widget div label {
    font-family: "Trade Gothic W01 Light", "Arial", sans-serif;
    padding: 0; }

#visibleFiltersForm {
  padding-bottom: 10px; }

.overview-filters #visibleFiltersCareers {
  clear: both;
  padding: 20px 0 0;
  width: auto; }

#main-interior .overview-filters {
  margin: 15px 0 25px;
  padding: 0 10px 15px; }

#visibleFiltersCareers {
  position: relative;
  width: 80%;
  max-width: 960px;
  margin: 0 auto;
  padding: 40px 24px 0px; }
  @media (max-width: 679px) {
    #visibleFiltersCareers {
      padding: 40px 0 0;
      width: 90%; } }
  #visibleFiltersCareers input {
    padding: 7px;
    width: 240px; }
    @media (max-width: 679px) {
      #visibleFiltersCareers input {
        margin: 0 0 20px; } }
  #visibleFiltersCareers button {
    background: #7b7b26;
    border: none;
    color: #fff;
    cursor: pointer;
    font: normal 14px/16px "Trade Gothic W01 Light", "Arial", sans-serif;
    height: auto;
    margin: 0;
    padding: 7px 25px 6px;
    width: auto;
    z-index: 6; }
    #visibleFiltersCareers button:hover {
      background: #a2a267;
      cursor: pointer; }
  #visibleFiltersCareers .show-advanced {
    position: relative;
    margin-top: 10px;
    display: none;
    padding: 10px;
    width: 100px;
    font-weight: bold;
    background-color: #e4e3e3; }
    #visibleFiltersCareers .show-advanced:after {
      content: '';
      display: block;
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      width: 20px;
      height: 20px;
      background-size: 20px;
      background-image: url("/sites/all/themes/basic/images/green_arrow_dark_down_19.png");
      background-repeat: no-repeat;
      background-position: 50%;
      transition: transform 400ms ease; }
    #visibleFiltersCareers .show-advanced.active:after {
      transform: translateY(-50%) rotate(180deg); }

h3.search-title {
  font: normal 22px/24px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
  padding: 0 0 10px;
  text-transform: uppercase;
  margin: 30px 0 15px; }

.view-career-fields-and-profiles-indexed .search-result-rows {
  position: relative;
  width: 80%;
  max-width: 960px;
  margin: 0 auto;
  padding: 10px 24px 20px 39px; }
  .view-career-fields-and-profiles-indexed .search-result-rows .views-row {
    padding: 0 0 30px; }
.view-career-fields-and-profiles-indexed .view-empty {
  padding: 40px 0 20px; }
.view-career-fields-and-profiles-indexed .featured-profiles {
  width: 90%;
  max-width: 960px;
  margin: 0 auto 70px;
  padding: 40px 0 20px; }
  .view-career-fields-and-profiles-indexed .featured-profiles h3 {
    font: normal 22px/24px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
    padding: 0 0 10px;
    text-transform: uppercase;
    width: 88%;
    max-width: 100% !important;
    margin: 12px auto 0; }
  .view-career-fields-and-profiles-indexed .featured-profiles a.view-all {
    margin: 0 0 0 6%; }
  .view-career-fields-and-profiles-indexed .featured-profiles .bx-wrapper {
    margin: 12px auto 30px !important;
    width: 88%;
    max-width: 100% !important; }
  .view-career-fields-and-profiles-indexed .featured-profiles .bx-controls-direction .bx-next {
    left: 102%; }
  .view-career-fields-and-profiles-indexed .featured-profiles .bx-controls-direction .bx-prev {
    left: auto;
    right: 101%; }
  .view-career-fields-and-profiles-indexed .featured-profiles .views-row .featured-img:after {
    display: none; }

#atlwdg-trigger {
  z-index: 100000; }

#allCareerFamilies {
  position: relative;
  width: 90%;
  max-width: 960px;
  margin: 0 auto;
  padding: 40px 0 20px; }
  #allCareerFamilies h3 {
    font: normal 22px/24px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
    padding: 0 0 15px;
    text-transform: uppercase; }
  #allCareerFamilies .pager-load-more {
    display: none; }
  #allCareerFamilies .view-content {
    margin: 0 0 0 -1%; }
    #allCareerFamilies .view-content .views-row {
      background: #f1f2f2;
      border: 1px solid #413e40;
      color: #413e40;
      display: inline-block;
      height: 50px;
      margin: 0 1% 16px;
      overflow: hidden;
      position: relative;
      text-align: center;
      width: 30%; }
      @media (min-width: 681px) and (max-width: 1023px) {
        #allCareerFamilies .view-content .views-row {
          width: 47%; } }
      @media (max-width: 679px) {
        #allCareerFamilies .view-content .views-row {
          width: 98%; } }
      #allCareerFamilies .view-content .views-row:hover {
        background: #7b7b26; }
        #allCareerFamilies .view-content .views-row:hover .views-field a {
          color: #fff; }
      #allCareerFamilies .view-content .views-row .views-field {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        #allCareerFamilies .view-content .views-row .views-field a {
          color: #413e40;
          display: block;
          font-size: 13px;
          line-height: 15px;
          padding: 25px 5%; }

#main-interior .associated-careers .stagger-none {
  padding: 40px 0 0; }
#main-interior .associated-careers h3 {
  font: normal 22px/24px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
  padding: 0 0 15px;
  text-transform: uppercase; }
#main-interior .associated-careers .column {
  display: inline-block;
  padding: 0 2% 0 0;
  vertical-align: top;
  width: 48%; }
  @media (max-width: 679px) {
    #main-interior .associated-careers .column {
      width: 98%; } }
  #main-interior .associated-careers .column.column-enlisted {
    padding: 0; }
  #main-interior .associated-careers .column h3 {
    padding: 20px 0 15px; }
#main-interior .associated-careers .pager {
  display: none; }
#main-interior .associated-careers .view-content {
  margin: 0 0 0 -1%; }
  #main-interior .associated-careers .view-content .views-row {
    background: #f1f2f2;
    border: 1px solid #413e40;
    color: #413e40;
    display: inline-block;
    height: 50px;
    margin: 0 1% 16px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 47%; }
    @media (min-width: 681px) and (max-width: 1023px) {
      #main-interior .associated-careers .view-content .views-row {
        width: 100%; } }
    @media (max-width: 679px) {
      #main-interior .associated-careers .view-content .views-row {
        width: 100%; } }
    #main-interior .associated-careers .view-content .views-row:hover {
      background: #7b7b26; }
      #main-interior .associated-careers .view-content .views-row:hover .views-field a {
        color: #fff !important; }
    #main-interior .associated-careers .view-content .views-row .views-field {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      #main-interior .associated-careers .view-content .views-row .views-field a {
        color: #413e40 !important;
        display: block;
        font-size: 13px;
        font-family: "Trade Gothic W01 Light", "Arial", sans-serif !important;
        line-height: 15px;
        padding: 25px 5%; }

#careerFieldDetail h2 {
  font: normal 22px/24px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
  padding: 0 0 10px;
  text-transform: uppercase;
  margin: 12px auto 0; }
  @media (min-width: 681px) and (max-width: 1023px) {
    #careerFieldDetail h2 span.title {
      display: block; } }
  @media (max-width: 679px) {
    #careerFieldDetail h2 span.title {
      display: block; } }
  #careerFieldDetail h2 span.first {
    padding: 0 30px 0 0; }
#careerFieldDetail h4 {
  font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
  padding: 15px 0 0; }
#careerFieldDetail .views-row h4 {
  padding: 0 30px; }
  #careerFieldDetail .views-row h4.read-more {
    padding: 11px 0 10px 30px; }
    #careerFieldDetail .views-row h4.read-more a {
      background: url("../images/arrow-bullet.png") left center no-repeat;
      display: inline-block;
      padding: 1px 0 0 24px; }
  #careerFieldDetail .views-row h4.first {
    padding: 20px 30px 0; }
#careerFieldDetail p {
  padding: 0; }
@media (min-width: 681px) and (max-width: 1023px) {
  #careerFieldDetail blockquote {
    display: none; } }
@media (max-width: 679px) {
  #careerFieldDetail blockquote {
    display: none; } }
#careerFieldDetail blockquote p {
  text-indent: 30px; }
#careerFieldDetail .featured-profiles {
  margin: 0 0 0;
  padding: 32px 50px 40px; }
#careerFieldDetail span.info .text {
  left: -40px;
  position: absolute;
  width: 200px; }
#careerFieldDetail .info-list {
  padding: 10px 3% 35px 0;
  display: inline-block;
  width: 48%;
  vertical-align: top; }
  @media (max-width: 679px) {
    #careerFieldDetail .info-list {
      margin: 0 auto;
      padding: 0 3% 0 0;
      width: 98%; } }
  #careerFieldDetail .info-list.right-list {
    padding: 10px 0 35px; }
    @media (max-width: 679px) {
      #careerFieldDetail .info-list.right-list {
        padding: 0; } }
  #careerFieldDetail .info-list h3 {
    padding: 0 0 15px; }
  #careerFieldDetail .info-list h6.note {
    padding: 10px 0 0;
    font-size: .9em; }
  #careerFieldDetail .info-list > li {
    float: none;
    padding: 50px 0 0;
    width: auto; }
  #careerFieldDetail .info-list .branch-icon {
    display: inline-block;
    padding: 10px 10px 15px 0; }

.profile-content .plain-content {
  clear: both; }

.alt-content {
  background: #f1f2f2;
  overflow: hidden; }
  .alt-content .featured-profiles {
    margin: 32px auto 35px;
    max-width: 960px; }
    .alt-content .featured-profiles .bx-wrapper {
      max-width: 900px !important; }

.civilian-content {
  background: #f1f2f2;
  max-width: 100%;
  margin: 40px 0 0;
  width: 100%; }
  .civilian-content > .plain-content {
    font: normal 14px/20px "Trade Gothic W01 Light", "Arial", sans-serif;
    padding: 40px 0;
    width: 95%;
    max-width: 960px;
    margin: 0 auto; }

#main-interior .plain-content.civilian-counterparts h2 {
  font-size: 22px;
  line-height: 30px;
  padding: 10px 0 15px; }
#main-interior .plain-content.civilian-counterparts ul {
  overflow: hidden; }
  #main-interior .plain-content.civilian-counterparts ul li {
    width: 48%;
    list-style-position: inside !important;
    margin: 0 !important;
    padding: 8px 0 0;
    float: left; }
    @media (max-width: 679px) {
      #main-interior .plain-content.civilian-counterparts ul li {
        width: 100%; } }

.view-career-profiles-all {
  background: transparent;
  padding: 0; }
  .view-career-profiles-all .view-header {
    position: relative;
    width: 90%;
    max-width: 960px;
    margin: 0 auto;
    padding: 10px 0 30px; }
    .view-career-profiles-all .view-header #main-interior .plain-content {
      width: 62.5%; }
      .view-career-profiles-all .view-header #main-interior .plain-content p {
        display: block; }
  .view-career-profiles-all .view-content {
    background: #f1f2f2;
    padding: 50px 0 0; }
  .view-career-profiles-all .views-row, .view-career-profiles-all h2.section-title {
    position: relative;
    width: 90%;
    max-width: 960px;
    margin: 0 auto 30px;
    padding: 0; }
    @media (max-width: 679px) {
      .view-career-profiles-all .views-row, .view-career-profiles-all h2.section-title {
        padding: 0 0 20px; } }
    .view-career-profiles-all .views-row .featured-img:after, .view-career-profiles-all h2.section-title .featured-img:after {
      display: none; }
    .view-career-profiles-all .views-row .details h4.read-more, .view-career-profiles-all h2.section-title .details h4.read-more {
      padding: 25px 0 10px 30px; }
    .view-career-profiles-all .views-row .details .plain-content blockquote, .view-career-profiles-all h2.section-title .details .plain-content blockquote {
      min-height: 40px; }
      .view-career-profiles-all .views-row .details .plain-content blockquote p, .view-career-profiles-all h2.section-title .details .plain-content blockquote p {
        margin: 20px 0 0; }

.page-working-all-profiles .region-content {
  padding: 80px 0 0; }

#main-interior .preview-list li {
  list-style-type: none;
  position: relative; }
#main-interior .preview-list h4 {
  font: normal 17px/20px "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
  padding: 10px 0 0;
  text-transform: none; }
  #main-interior .preview-list h4 a {
    background: url("/sites/all/themes/basic/images/expand.png") 0 center no-repeat;
    padding: 0 0 0 19px; }
    #main-interior .preview-list h4 a:hover {
      color: #989855; }
#main-interior .preview-list .plain-content {
  display: none;
  padding: 0 0 0 19px; }
#main-interior .preview-list li.current h4 a {
  background-image: url("/sites/all/themes/basic/images/collapse.png"); }
#main-interior .preview-list li.current .plain-content {
  display: block; }
#main-interior .supporting-links {
  display: table;
  margin-top: 8px; }
  #main-interior .supporting-links li {
    float: left;
    list-style-type: none;
    width: 45%;
    margin: 3.4% 5% 0 0;
    clear: right;
    height: 100px; }
    #main-interior .supporting-links li:nth-child(even) {
      margin-right: 0;
      float: right; }
    #main-interior .supporting-links li .featured-img {
      float: left;
      width: 18%;
      max-width: 72px; }
      #main-interior .supporting-links li .featured-img:after {
        background: transparent !important; }
    #main-interior .supporting-links li a[target=_blank]:after {
      background: url("../images/external_link_icon_dark.png") 0 0 no-repeat;
      content: '';
      display: inline-block;
      height: 10px;
      margin: 0 0 0 8px;
      vertical-align: middle;
      width: 10px; }
    #main-interior .supporting-links li .info {
      width: 76%;
      float: left;
      margin: 0 0 15px 4%; }
      #main-interior .supporting-links li .info h5 {
        margin-bottom: 5px; }
      #main-interior .supporting-links li .info a {
        padding-left: 25px;
        background: url("/sites/all/themes/basic/images/green_arrow_dark.png") center left no-repeat; }

/* questions to ask recruiters about your childs service section fix */
.node-type-supporting-your-child-page #main-interior .two-col li.stagger-none {
  width: auto;
  padding: 0; }

@media screen and (max-width: 41.875em) {
  #main-interior .supporting-links {
    margin-top: 8%; }
    #main-interior .supporting-links li {
      width: 100%;
      float: none;
      margin: 8% 5% 8% 0;
      height: auto; }
      #main-interior .supporting-links li:nth-child(even) {
        margin-right: auto; } }
@media screen and (max-width: 40em) {
  .node-type-supporting-your-child-page #main-interior li.stagger-left ul.arrows li a {
    float: right; }
  .node-type-supporting-your-child-page #main-interior .two-col .stagger-none .mobile-collapse {
    padding: 0 5%; }
  .node-type-supporting-your-child-page #main-interior .two-col .stagger-none .plain-content ul {
    padding-left: 2px; }

  .node-type-supporting-your-child-page #main-interior .stagger-none {
    padding: 0 5%;
    width: auto; }
    .node-type-supporting-your-child-page #main-interior .stagger-none .mobile-collapse {
      padding: 0 5%; }
    .node-type-supporting-your-child-page #main-interior .stagger-none ul {
      padding-left: 0; } }
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 40em), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 40em), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (max-width: 40em), only screen and (min-device-pixel-ratio: 2) and (max-width: 40em), only screen and (min-resolution: 192dpi) and (max-width: 40em), only screen and (min-resolution: 2dppx) and (max-width: 40em) {
  #main-interior .supporting-links li .info a {
    background: url("/sites/all/themes/basic/images/green_arrow_dark_retina.png") no-repeat left center;
    background-size: 17px 17px; }

  #main-interior .supporting-links li a[target="_blank"]::after {
    background: url("../images/external_link_icon_light_retina.png") no-repeat 0 0;
    background-size: 10px 10px; } }
#main-interior .recommended-videos {
  background: rgba(0, 0, 0, 0.8);
  width: 80%;
  max-width: 960px;
  padding: 12px 0;
  margin: -22em auto 0 auto;
  position: relative;
  overflow: hidden; }
  #main-interior .recommended-videos h3 {
    color: #ffffff;
    margin-left: 2.5%;
    margin-bottom: 8px; }
  #main-interior .recommended-videos .swipe-slides {
    overflow: hidden;
    margin-left: 2.5%; }
    #main-interior .recommended-videos .swipe-slides li {
      float: left;
      width: 23%;
      margin: 0 2% 0 0;
      padding: 0;
      text-align: center;
      font-size: 14px; }
      #main-interior .recommended-videos .swipe-slides li h4 {
        margin: 0;
        padding: 5px 0;
        text-align: left; }
        #main-interior .recommended-videos .swipe-slides li h4 .field-content a {
          color: #989855; }
    #main-interior .recommended-videos .swipe-slides .featured-img {
      position: relative; }
      #main-interior .recommended-videos .swipe-slides .featured-img img {
        display: block;
        height: auto;
        width: 100%;
        position: relative; }
#main-interior .view-all-videos-page, #main-interior .view-video-search {
  padding: 0;
  width: 80%;
  max-width: 960px;
  margin: 0 auto; }
  #main-interior .view-all-videos-page .view-content, #main-interior .view-video-search .view-content {
    padding: 30px 0 0; }
  #main-interior .view-all-videos-page .view-filters .views-exposed-widgets .views-widget-filter-keys,
  #main-interior .view-all-videos-page .view-filters .views-exposed-widgets .views-widget-filter-search_api_views_fulltext, #main-interior .view-video-search .view-filters .views-exposed-widgets .views-widget-filter-keys,
  #main-interior .view-video-search .view-filters .views-exposed-widgets .views-widget-filter-search_api_views_fulltext {
    width: 227px;
    border: 1px solid #ccc; }
    #main-interior .view-all-videos-page .view-filters .views-exposed-widgets .views-widget-filter-keys label,
    #main-interior .view-all-videos-page .view-filters .views-exposed-widgets .views-widget-filter-search_api_views_fulltext label, #main-interior .view-video-search .view-filters .views-exposed-widgets .views-widget-filter-keys label,
    #main-interior .view-video-search .view-filters .views-exposed-widgets .views-widget-filter-search_api_views_fulltext label {
      display: none;
      padding: 7px 7px 0 0; }
    #main-interior .view-all-videos-page .view-filters .views-exposed-widgets .views-widget-filter-keys .description,
    #main-interior .view-all-videos-page .view-filters .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .description, #main-interior .view-video-search .view-filters .views-exposed-widgets .views-widget-filter-keys .description,
    #main-interior .view-video-search .view-filters .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .description {
      display: none !important; }
  #main-interior .view-all-videos-page .views-row, #main-interior .view-video-search .views-row {
    float: left;
    min-height: 330px;
    padding: 0 1%;
    width: 23%; }
    #main-interior .view-all-videos-page .views-row h4, #main-interior .view-video-search .views-row h4 {
      font-size: 16px; }
    #main-interior .view-all-videos-page .views-row .featured-img, #main-interior .view-video-search .views-row .featured-img {
      position: relative; }
      #main-interior .view-all-videos-page .views-row .featured-img img, #main-interior .view-video-search .views-row .featured-img img {
        display: block;
        height: auto;
        width: 100%;
        -webkit-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
        -ms-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
        -o-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
        box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35); }
      #main-interior .view-all-videos-page .views-row .featured-img a:hover img, #main-interior .view-video-search .views-row .featured-img a:hover img {
        opacity: 0.7; }
    #main-interior .view-all-videos-page .views-row .plain-content, #main-interior .view-video-search .views-row .plain-content {
      height: 100px; }
      #main-interior .view-all-videos-page .views-row .plain-content p, #main-interior .view-video-search .views-row .plain-content p {
        font-size: 13px; }
  #main-interior .view-all-videos-page .row-split-4, #main-interior .view-video-search .row-split-4 {
    clear: left; }

.video-results-info h2, .view-site-search h2, .view-test-search-page h2 {
  font: normal 22px/24px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", "Arial", sans-serif;
  padding: 20px 0 10px;
  text-transform: uppercase; }
.video-results-info .arrows, .view-site-search .arrows, .view-test-search-page .arrows {
  margin: 0 0 20px; }
.video-results-info .total-results, .view-site-search .total-results, .view-test-search-page .total-results {
  float: right;
  margin-top: -60px; }

.node-type-video-page .video-hero {
  z-index: -1; }
.node-type-video-page .embed-container {
  margin-top: -625px;
  box-shadow: none;
  margin-bottom: -2px; }

.view-site-search .total-results {
  margin-top: -40px; }

.page-guidance-parents-stories .video-wrapper {
  overflow: hidden; }

.view-all-videos-page .view-filters .views-exposed-widgets .views-exposed-widget .fieldset-wrapper .form-item.form-item-edit-field-theme-tags-tid-18, .view-all-videos-page .view-filters .views-exposed-widgets .views-exposed-widget .fieldset-wrapper .form-item.form-item-edit-field-type-of-service-tags-tid-21 {
  display: none; }

.view-site-search .view-video-search, .view-test-search-page .view-video-search {
  width: 95%;
  max-width: 960px;
  margin: 36px auto 0; }
  .view-site-search .view-video-search .view-filters, .view-test-search-page .view-video-search .view-filters {
    background: transparent; }
  .view-site-search .view-video-search .view-content, .view-test-search-page .view-video-search .view-content {
    overflow: hidden;
    padding: 0 0 20px;
    width: auto; }
    .view-site-search .view-video-search .view-content .arrows, .view-test-search-page .view-video-search .view-content .arrows {
      margin: 0 0 20px; }
    .view-site-search .view-video-search .view-content .swipe-slides li, .view-test-search-page .view-video-search .view-content .swipe-slides li {
      float: left;
      min-height: 330px;
      padding: 0 1%;
      width: 23%; }
      .view-site-search .view-video-search .view-content .swipe-slides li h4, .view-test-search-page .view-video-search .view-content .swipe-slides li h4 {
        font-size: 16px;
        padding: 16px 0 0; }
      .view-site-search .view-video-search .view-content .swipe-slides li .featured-img, .view-test-search-page .view-video-search .view-content .swipe-slides li .featured-img {
        position: relative; }
        .view-site-search .view-video-search .view-content .swipe-slides li .featured-img img, .view-test-search-page .view-video-search .view-content .swipe-slides li .featured-img img {
          display: block;
          height: auto;
          width: 100%;
          -webkit-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
          -moz-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
          -ms-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
          -o-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
          box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35); }
        .view-site-search .view-video-search .view-content .swipe-slides li .featured-img a:hover img, .view-test-search-page .view-video-search .view-content .swipe-slides li .featured-img a:hover img {
          opacity: 0.7; }
      .view-site-search .view-video-search .view-content .swipe-slides li .plain-content, .view-test-search-page .view-video-search .view-content .swipe-slides li .plain-content {
        height: 100px; }
        .view-site-search .view-video-search .view-content .swipe-slides li .plain-content p, .view-test-search-page .view-video-search .view-content .swipe-slides li .plain-content p {
          font-size: 13px; }

/* VIDEO PLAY BUTTON */
.featured-img:after {
  content: url("/sites/all/themes/basic/images/video_play_button.png");
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -16px;
  margin-top: -18px;
  pointer-events: none; }

.video-transcript {
  background: #413e40;
  color: #fff;
  display: none;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9; }
  .video-transcript .inner {
    margin: 0 auto;
    max-width: 960px;
    padding: 240px 0 40px;
    position: relative;
    width: 80%; }
  .video-transcript p {
    margin-bottom: 10px; }
  .video-transcript a.alt-close {
    background: #989855;
    color: #181818;
    font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
    right: -10px;
    padding: 3px 10px;
    position: absolute;
    top: 212px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px; }
    .video-transcript a.alt-close:hover {
      background: #fff;
      color: #413e40; }

.view-test-search-page .view-video-search .views-exposed-form {
  display: none; }

#main-interior .callout-grid .video-search {
  background: transparent;
  overflow: hidden;
  width: auto; }
  #main-interior .callout-grid .video-search h2 {
    display: none; }
  #main-interior .callout-grid .video-search .view-video-search {
    width: auto; }
  #main-interior .callout-grid .video-search .view-content {
    overflow: hidden; }
  #main-interior .callout-grid .video-search ul.arrows, #main-interior .callout-grid .video-search .total-results {
    display: none; }

/* video results page fix */
.node-type-video-page #main-interior #video-grid li {
  float: left;
  min-height: 330px;
  margin: 0 1%;
  width: 23%; }
  .node-type-video-page #main-interior #video-grid li p {
    padding: 0; }
.node-type-video-page img {
  height: auto; }
.node-type-video-page .featured-img {
  position: relative; }
.node-type-video-page .callout-grid h4 {
  padding-top: 0; }

@media only screen and (max-width: 75em) {
  #main-interior .view-all-videos-page .view-filters .views-exposed-widgets .views-widget-filter-keys {
    top: -74px; }

  .node-type-video-page .embed-container {
    padding-bottom: 45%; } }
@media only screen and (max-width: 60em) {
  #main-interior .view-all-videos-page .views-row, #main-interior .view-video-search .views-row {
    width: 48%; }
  #main-interior .recommended-videos h3 {
    margin-left: 2%;
    padding-bottom: 4px; }
  #main-interior .recommended-videos .swipe-slides {
    margin: 0 auto !important; }
    #main-interior .recommended-videos .swipe-slides li {
      width: 46%;
      margin: 0 2%; } }
@media only screen and (max-width: 55.75em) {
  #main-interior .view-all-videos-page .view-filters .views-exposed-widgets .views-exposed-widget {
    float: none; }

  #main-interior .recommended-videos {
    margin: -42em auto 0 auto; }

  #main-interior .view-all-videos-page .view-filters .views-exposed-widgets .views-widget-filter-keys {
    position: static;
    width: 50%;
    height: 24px;
    margin: 20px 0; }
    #main-interior .view-all-videos-page .view-filters .views-exposed-widgets .views-widget-filter-keys button {
      position: static;
      float: right; }
  #main-interior .view-all-videos-page .view-filters .views-exposed-widgets .views-submit-button {
    padding: 0; } }
@media only screen and (max-width: 52.5em) {
  #main-interior .view-all-videos-page .view-filters .views-exposed-widgets .views-exposed-widget {
    float: left; } }
@media only screen and (max-width: 40em) {
  #main-interior .view-all-videos-page .view-filters .views-exposed-widgets .views-submit-button {
    margin-top: 20px; }

  .node-type-video-page #main-interior #video-grid .view-related-videos li {
    float: none;
    width: 100%; }

  .video-hero {
    display: none; }

  /* video overview */
  .node-type-videos-overview .swipe-slides {
    height: 210px; }
  .node-type-videos-overview #main-interior .video-search {
    width: 100%;
    padding: 0; }
    .node-type-videos-overview #main-interior .video-search h2 {
      width: 88%;
      margin: 0 auto;
      padding: 7.5% 0 0;
      font-size: 1.5em; }
    .node-type-videos-overview #main-interior .video-search p {
      padding: 0 36px;
      height: 40px; }
  .node-type-videos-overview #main-interior .view-all-videos-page {
    width: 100%; }
    .node-type-videos-overview #main-interior .view-all-videos-page .views-row {
      width: 88%;
      float: none;
      margin: 0 auto; }
    .node-type-videos-overview #main-interior .view-all-videos-page .view-filters .views-exposed-widgets .views-widget-filter-keys {
      width: 91%;
      margin: 20px 0; }
  .node-type-videos-overview #main-interior .view-filters {
    -webkit-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
    box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35); }
  .node-type-videos-overview #main-interior .views-exposed-widgets {
    padding: 0 0 40px 0;
    width: 88%;
    margin: 0 auto; }
    .node-type-videos-overview #main-interior .views-exposed-widgets .views-exposed-widget {
      width: 100%;
      margin: 0; }
      .node-type-videos-overview #main-interior .views-exposed-widgets .views-exposed-widget .fieldset-wrapper {
        width: 100%; }
    .node-type-videos-overview #main-interior .views-exposed-widgets .views-submit-button {
      width: auto;
      padding: 0;
      margin: 50px 0 0 0; }
    .node-type-videos-overview #main-interior .views-exposed-widgets .views-widget-filter-keys {
      margin-left: 0;
      padding-left: 0; }
      .node-type-videos-overview #main-interior .views-exposed-widgets .views-widget-filter-keys div.views-widget input {
        width: 205px;
        padding-left: 0; }
    .node-type-videos-overview #main-interior .views-exposed-widgets label {
      margin: -40px 0 0 40%; }

  #main-interior .recommended-videos {
    background: transparent url("/sites/all/themes/basic/images/videos_hero_image_640.jpg") no-repeat center top;
    margin-top: -100px;
    width: 94%;
    padding: 0 3.2% 4%; }
    #main-interior .recommended-videos h3 {
      margin: 115px auto 0 auto;
      width: 78%;
      padding-bottom: 10px; }

  .view-site-search .view-video-search div.view-content .swipe-nav, .view-test-search-page .view-video-search div.view-content .swipe-nav {
    position: static; }
  .view-site-search .view-video-search div.view-content .swipe-slides, .view-test-search-page .view-video-search div.view-content .swipe-slides {
    margin: 0 auto !important; }
    .view-site-search .view-video-search div.view-content .swipe-slides h4, .view-test-search-page .view-video-search div.view-content .swipe-slides h4 {
      padding: 16px 5% 0; }

  .video-results-info .total-results {
    float: none;
    margin-bottom: 25px;
    margin-top: 0;
    display: block; }

  .node-type-parents-stories-page #main-interior #wrapper-interior .video-scroll ul#videos, .node-type-futures-page #main-interior #wrapper-interior .video-scroll ul#videos {
    width: 78%;
    padding: 0; }
    .node-type-parents-stories-page #main-interior #wrapper-interior .video-scroll ul#videos li, .node-type-futures-page #main-interior #wrapper-interior .video-scroll ul#videos li {
      display: inline-block; }
  .node-type-parents-stories-page .video-nav, .node-type-futures-page .video-nav {
    display: none; }
  .node-type-parents-stories-page .swipe-nav a, .node-type-futures-page .swipe-nav a {
    margin-top: 50%;
    left: 0; }
    .node-type-parents-stories-page .swipe-nav a.next, .node-type-futures-page .swipe-nav a.next {
      right: 0; }
  .node-type-parents-stories-page #main-interior .large-video-description .arrows, .node-type-futures-page #main-interior .large-video-description .arrows {
    background: #e6e7e8; }
    .node-type-parents-stories-page #main-interior .large-video-description .arrows li, .node-type-futures-page #main-interior .large-video-description .arrows li {
      left: 0; }
  .node-type-parents-stories-page .bx-wrapper .bx-prev, .node-type-futures-page .bx-wrapper .bx-prev {
    left: -19%; }
  .node-type-parents-stories-page .bx-wrapper .bx-next, .node-type-futures-page .bx-wrapper .bx-next {
    right: -26%; }
  .node-type-parents-stories-page li.parent-profiles-wrapper, .node-type-futures-page li.parent-profiles-wrapper {
    width: 260px; }

  /* video search results page fixes */
  .node-type-video-page .embed-container {
    margin-top: 7px;
    padding-bottom: 41%;
    overflow: hidden; }
    .node-type-video-page .embed-container #player {
      padding-bottom: 55%;
      margin-bottom: -55%; }
  .node-type-video-page #main-interior .video-info {
    width: 100%; }
  .node-type-video-page #main-interior .video-more-info li {
    width: 100%;
    margin-right: 0; }
  .node-type-video-page #main-interior .video-description {
    width: 95%;
    float: none;
    margin: 20px auto 0;
    padding: 0; }
  .node-type-video-page #main-interior #wrapper-interior .callout-grid .swipe-nav a.next {
    right: -8px; }
  .node-type-video-page #main-interior #wrapper-interior .callout-grid .swipe-slides {
    width: 78%; }
    .node-type-video-page #main-interior #wrapper-interior .callout-grid .swipe-slides li {
      position: relative;
      width: 100%;
      left: 100%;
      top: 0;
      margin: 0 -100% 0 0 !important;
      padding: 0; }
      .node-type-video-page #main-interior #wrapper-interior .callout-grid .swipe-slides li.active {
        left: 0; } }
.request-form .inner {
  font: normal 14px/20px "Trade Gothic W01 Light", "Arial", sans-serif;
  padding: 0 0 40px;
  width: 95%;
  max-width: 960px;
  margin: 0 auto; }
.request-form div#errors p {
  font-size: 0.5em; }
.request-form h2 {
  font: normal 22px/24px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
  padding: 0 0 5px;
  text-transform: uppercase; }
.request-form #any_branch_selected, .request-form #promo_codes {
  margin: 0 0 0 -1000px; }
.request-form .solid-media-list {
  padding: 30px 0 50px; }
  .request-form .solid-media-list li {
    overflow: hidden; }
    .request-form .solid-media-list li div {
      float: left;
      padding: 25px 5% 25px 30px;
      width: 60%; }
      .request-form .solid-media-list li div label {
        font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif; }
    .request-form .solid-media-list li input {
      float: left;
      margin: 60px 25px 0 0; }
    .request-form .solid-media-list li img {
      float: left;
      height: auto;
      width: auto;
      cursor: pointer;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -ms-box-shadow: none;
      -o-box-shadow: none;
      box-shadow: none; }
  .request-form .solid-media-list select {
    float: left;
    margin: 53px 20px 0 0;
    text-indent: 5px;
    background: white url("/sites/all/themes/basic/images/bg-dropdown-vert.png") no-repeat 100% center;
    width: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    color: inherit;
    font-size: inherit;
    border: 1px solid #dbddde;
    height: auto;
    padding: 3px;
    text-indent: 1px; }
.request-form .personal-info {
  background: #f1f2f2; }
.request-form .fields {
  font: normal 14px/20px "Trade Gothic W01 Light", "Arial", sans-serif;
  padding: 40px 0;
  width: 80%;
  max-width: 960px;
  margin: 0 auto;
  overflow: hidden; }
  .request-form .fields h5 {
    font: normal 14px/20px "Trade Gothic W01 Light", "Arial", sans-serif;
    padding: 0 0 20px; }
  .request-form .fields div {
    float: left;
    padding: 0 0 15px;
    width: 45%; }
    .request-form .fields div input {
      background: #fff;
      border: none;
      margin: 5px 0 0;
      padding: 9px 4px;
      width: 90%; }
      .request-form .fields div input.error {
        background-color: #ffddd1; }
    .request-form .fields div select {
      margin: 5px 0 0;
      width: 90%; }
    .request-form .fields div label.error {
      display: none !important; }
    .request-form .fields div.captcha-info {
      float: none;
      overflow: hidden;
      padding: 20px 0 40px; }
      .request-form .fields div.captcha-info input {
        width: 130px; }
        .request-form .fields div.captcha-info input.captcha {
          visibility: hidden; }
      .request-form .fields div.captcha-info label {
        clear: both; }
      .request-form .fields div.captcha-info span.error {
        clear: both;
        display: block;
        font-weight: bold; }
        .request-form .fields div.captcha-info span.error.hidden {
          display: none; }
  .request-form .fields .radio label.error {
    display: block !important; }
  .request-form .fields button {
    background: #8e8e8e;
    clear: both;
    color: #fff;
    cursor: pointer;
    float: left;
    font: normal 19px/20px "Trade Gothic W01 Light", "Arial", sans-serif;
    margin: 25px 0 0;
    padding: 10px 0;
    text-align: center;
    width: 120px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px; }
    .request-form .fields button:hover {
      background: #6f6f6f; }
  .request-form .fields fieldset.short-group {
    float: left;
    overflow: hidden;
    width: 45%; }
    .request-form .fields fieldset.short-group div {
      width: 33%; }
      .request-form .fields fieldset.short-group div.state {
        width: 60.3%; }
  .request-form .fields fieldset.full-group {
    float: left;
    overflow: hidden;
    width: 90%; }
    .request-form .fields fieldset.full-group div {
      width: 100%; }
      .request-form .fields fieldset.full-group div select {
        float: left;
        margin: 0 3% 0 0;
        width: 30%; }
  .request-form .fields fieldset.phones {
    float: left;
    padding: 0 0 15px;
    width: 90%; }
    .request-form .fields fieldset.phones div {
      overflow: hidden;
      padding: 0 2% 0 0;
      width: 30%; }
      .request-form .fields fieldset.phones div.text {
        overflow: hidden;
        padding: 29px 0 0; }
        .request-form .fields fieldset.phones div.text input {
          float: left;
          margin: 3px 9px 0 0;
          width: auto; }
        .request-form .fields fieldset.phones div.text label {
          float: left; }
    .request-form .fields fieldset.phones .checkbox-container .checkbox {
      width: 100%;
      margin-top: 30px; }
    .request-form .fields fieldset.phones input {
      float: left;
      margin: 5px 4% 0 0;
      width: 24%; }
    .request-form .fields fieldset.phones label.error {
      display: none; }

table.contact-chart {
  background: transparent;
  margin: 0 auto 60px;
  max-width: 960px;
  padding: 0px 0;
  width: 80%; }
  table.contact-chart thead tr {
    background: transparent; }
  table.contact-chart thead th {
    background: transparent;
    border: none;
    padding: 60px 2% 20px; }
  table.contact-chart tbody tr {
    background: transparent; }
  table.contact-chart tbody th {
    background: transparent;
    border: none;
    font: normal 15px/17px "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
    text-transform: none;
    padding: 10px 2%; }
  table.contact-chart tbody td {
    background: transparent;
    border: none;
    font: normal 15px/17px "Trade Gothic W01 Light", "Arial", sans-serif;
    padding: 10px 2%; }
    table.contact-chart tbody td a {
      font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif; }
      table.contact-chart tbody td a:hover {
        color: #989855; }
  table.contact-chart tbody .phone a {
    color: #6f6f6f; }

@media only screen and (max-width: 40em) {
  table.contact-chart tbody .phone a {
    pointer-events: auto;
    color: #7b7b26; }
    table.contact-chart tbody .phone a:hover {
      color: #989855; } }
.page-living-bases-around-the-world footer {
  display: none;
  height: 0; }
.page-living-bases-around-the-world #coastline {
  overflow-x: hidden;
  height: 100%; }
.page-living-bases-around-the-world .region-content {
  padding-top: 134px; }

.travel-map {
  font: normal 16px/22px "Trade Gothic W01 Light", "Arial", sans-serif;
  height: 100%; }
  .travel-map .service, .travel-map .area, .travel-map .bootcamp {
    margin: 4% auto;
    width: 85%; }
  .travel-map a {
    color: #707014;
    letter-spacing: 0px;
    text-decoration: none; }
  .travel-map h2 {
    margin: 10% auto 1%;
    width: 85%;
    font: 22px/34px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    line-height: 1; }
  .travel-map h3 {
    font: 17px/21px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    margin-bottom: 4%; }
  .travel-map p {
    margin: 0 auto 4%;
    width: 85%;
    font: normal 14px/20px "Trade Gothic W01 Light", "Arial", sans-serif; }
  .travel-map input {
    vertical-align: top; }
  .travel-map label {
    vertical-align: top;
    padding: 0 5px;
    display: inline;
    font: 14px/20px "Trade Gothic W01 Bold 2", "Arial Black", sans-serif; }
    .travel-map label img {
      margin-right: 4px;
      margin-top: -2px; }

.infowindow {
  font: normal 15px/22px "Trade Gothic W01 Light", "Arial", sans-serif;
  overflow: hidden;
  min-width: 350px; }

.base-title {
  font: 18px/26px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif, "Impact", "Arial", sans-serif;
  margin: 7px 0 0 0;
  padding: 0px;
  text-transform: uppercase;
  line-height: 1.3; }

.logo {
  margin: 0 15px 0px 0;
  float: left; }

.infowindow .logo {
  margin: 0 15px 10px 0; }

#accordion {
  position: absolute;
  right: 0px;
  top: 130px;
  width: 280px;
  -webkit-box-shadow: -4px -4px 12px -3px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: -4px -4px 12px -3px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: -4px -4px 12px -3px rgba(0, 0, 0, 0.35);
  -o-box-shadow: -4px -4px 12px -3px rgba(0, 0, 0, 0.35);
  box-shadow: -4px -4px 12px -3px rgba(0, 0, 0, 0.35);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
  background: #f2f2f2; }
  #accordion ul li {
    margin: 8px 0; }

.accordion-tab {
  width: 30px;
  height: 40px;
  background: #f2f2f2;
  position: absolute;
  left: -30px;
  bottom: 0;
  -webkit-box-shadow: -4px -2px 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: -4px -2px 5px 0px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: -4px -2px 5px 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: -4px -2px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: -4px -2px 5px 0px rgba(0, 0, 0, 0.15); }
  .accordion-tab img {
    position: relative;
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px; }

.accordion-content {
  overflow: auto;
  height: 100%; }

.menu-move {
  right: -280px !important; }

.rotate {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg); }

#main-interior ul li.stagger-left img.narrow, #main-interior ul li.stagger-right img.narrow {
  width: 30.625%;
  max-width: 294px; }

#map_canvas {
  width: 100%;
  height: 100%; }

.page-living-bases-around-the-world #main-interior ul li.stagger-right .plain-content {
  width: 64%;
  float: right; }
.page-living-bases-around-the-world #main-interior ul li.stagger-left .plain-content {
  width: 64%;
  float: left; }

@media screen and (min-device-width: 40em) and (max-device-width: 70em) {
  .accordion-tab {
    bottom: 5.7%; } }
@media screen and (max-width: 40em) {
  .page-living-bases-around-the-world #main-interior .mobile {
    margin-bottom: 3%; }
  .page-living-bases-around-the-world #main-interior ul li.stagger-right {
    padding-top: 15px !important; }

  #accordion {
    top: 85px;
    left: 100%; }

  .accordion-tab {
    bottom: 11.7%; }

  .page-living-bases-around-the-world .region-content {
    padding: 88px 0 0; }
  .page-living-bases-around-the-world .area {
    padding-bottom: 50px; } }
.view-site-search .arrows li, .view-test-search-page .arrows li {
  padding-left: 25px;
  background: url("/sites/all/themes/basic/images/green_arrow_dark_19.png") no-repeat left top; }
.view-site-search h1, .view-test-search-page h1 {
  font: normal 28px/30px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
  padding: 40px 0 10px;
  text-transform: uppercase; }
.view-site-search .inner, .view-test-search-page .inner {
  margin: 0 auto;
  max-width: 960px;
  width: 90% !important; }
.view-site-search .views-exposed-widgets, .view-test-search-page .views-exposed-widgets {
  background: #f1f2f2; }
.view-site-search .view-header, .view-test-search-page .view-header {
  background: #f1f2f2; }
.view-site-search .view-filters, .view-test-search-page .view-filters {
  background: #f1f2f2;
  padding: 10px 0 35px; }
  .view-site-search .view-filters .views-exposed-widgets, .view-test-search-page .view-filters .views-exposed-widgets {
    padding: 0; }
    .view-site-search .view-filters .views-exposed-widgets .views-widget-filter-keys,
    .view-site-search .view-filters .views-exposed-widgets .views-widget-filter-search_api_views_fulltext, .view-test-search-page .view-filters .views-exposed-widgets .views-widget-filter-keys,
    .view-test-search-page .view-filters .views-exposed-widgets .views-widget-filter-search_api_views_fulltext {
      padding: 0; }
      .view-site-search .view-filters .views-exposed-widgets .views-widget-filter-keys .views-widget,
      .view-site-search .view-filters .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .views-widget, .view-test-search-page .view-filters .views-exposed-widgets .views-widget-filter-keys .views-widget,
      .view-test-search-page .view-filters .views-exposed-widgets .views-widget-filter-search_api_views_fulltext .views-widget {
        width: 100%; }
      .view-site-search .view-filters .views-exposed-widgets .views-widget-filter-keys label,
      .view-site-search .view-filters .views-exposed-widgets .views-widget-filter-search_api_views_fulltext label, .view-test-search-page .view-filters .views-exposed-widgets .views-widget-filter-keys label,
      .view-test-search-page .view-filters .views-exposed-widgets .views-widget-filter-search_api_views_fulltext label {
        clear: both;
        display: block;
        float: none;
        font: normal 14px/16px "Trade Gothic W01 Light", "Arial", sans-serif;
        padding: 7px 27px 6px 0;
        text-transform: none;
        width: auto; }
      .view-site-search .view-filters .views-exposed-widgets .views-widget-filter-keys input,
      .view-site-search .view-filters .views-exposed-widgets .views-widget-filter-search_api_views_fulltext input, .view-test-search-page .view-filters .views-exposed-widgets .views-widget-filter-keys input,
      .view-test-search-page .view-filters .views-exposed-widgets .views-widget-filter-search_api_views_fulltext input {
        margin: 10px 0 20px;
        width: 100%; }
    .view-site-search .view-filters .views-exposed-widgets .views-submit-button, .view-test-search-page .view-filters .views-exposed-widgets .views-submit-button {
      padding: 39px 0 0; }
.view-site-search .view-content, .view-test-search-page .view-content {
  margin: 60px auto 20px;
  max-width: 960px;
  position: relative;
  width: 95%; }
  .view-site-search .view-content .views-row, .view-test-search-page .view-content .views-row {
    padding: 0; }
    .view-site-search .view-content .views-row a, .view-test-search-page .view-content .views-row a {
      display: block;
      font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
      padding: 24px 0 0; }

@media only screen and (max-width: 40em) {
  .page-search .region-content .view-site-search .view-video-search div.view-content .swipe-slides,
  .page-search .region-content .view-test-search-page .view-video-search div.view-content .swipe-slides, .page-search-es .region-content .view-site-search .view-video-search div.view-content .swipe-slides,
  .page-search-es .region-content .view-test-search-page .view-video-search div.view-content .swipe-slides {
    background: #fff; }
  .page-search .region-content .item-list, .page-search-es .region-content .item-list {
    display: none; }
  .page-search .region-content .view-site-search h1, .page-search-es .region-content .view-site-search h1 {
    padding-top: 20px; }
  .page-search .region-content .view-site-search .view-filters .views-exposed-widgets .views-widget-filter-keys, .page-search-es .region-content .view-site-search .view-filters .views-exposed-widgets .views-widget-filter-keys {
    width: 82%; }
  .page-search .region-content .view-site-search .video-search, .page-search-es .region-content .view-site-search .video-search {
    width: 95%;
    padding: 0;
    background: #fff;
    position: relative;
    margin-bottom: 30px; }
    .page-search .region-content .view-site-search .video-search:after, .page-search-es .region-content .view-site-search .video-search:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -2px;
      width: 100%;
      height: 7px;
      border-radius: 50%;
      -webkit-box-shadow: 0 9px 2px -3px rgba(167, 167, 167, 0.6);
      -moz-box-shadow: 0 9px 2px -3px rgba(167, 167, 167, 0.6);
      -ms-box-shadow: 0 9px 2px -3px rgba(167, 167, 167, 0.6);
      -o-box-shadow: 0 9px 2px -3px rgba(167, 167, 167, 0.6);
      box-shadow: 0 9px 2px -3px rgba(167, 167, 167, 0.6); }
    .page-search .region-content .view-site-search .video-search p, .page-search-es .region-content .view-site-search .video-search p {
      padding: 0 36px;
      height: 40px; }
  .page-search .region-content .view-site-search .view-filters, .page-search-es .region-content .view-site-search .view-filters {
    -webkit-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35);
    box-shadow: 0 15px 18px -13px rgba(0, 0, 0, 0.35); }
  .page-search .region-content .view-content, .page-search-es .region-content .view-content {
    padding: 0;
    position: static;
    width: 82%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none; }
    .page-search .region-content .view-content .next, .page-search-es .region-content .view-content .next {
      right: 0; }
  .page-search .region-content .view-site-search .view-video-search .view-content .views-row,
  .page-search .region-content .view-test-search-page .view-video-search .view-content .views-row, .page-search-es .region-content .view-site-search .view-video-search .view-content .views-row,
  .page-search-es .region-content .view-test-search-page .view-video-search .view-content .views-row {
    width: 100%;
    display: inline-block; } }
body.font-large p {
  font-size: 20px;
  line-height: 24px; }
body.font-large .plain-content, body.font-large .swipe-slides, body.font-large ul.arrows, body.font-large #resource-wrap, body.font-large .what-you-could-do, body.font-large .estimator {
  font-size: 20px !important;
  line-height: 24px !important; }
  body.font-large .plain-content h4, body.font-large .swipe-slides h4, body.font-large ul.arrows h4, body.font-large #resource-wrap h4, body.font-large .what-you-could-do h4, body.font-large .estimator h4 {
    font-size: 22px !important;
    line-height: 26px !important; }
  body.font-large .plain-content p, body.font-large .plain-content a, body.font-large .plain-content dt, body.font-large .plain-content dd, body.font-large .plain-content h5, body.font-large .swipe-slides p, body.font-large .swipe-slides a, body.font-large .swipe-slides dt, body.font-large .swipe-slides dd, body.font-large .swipe-slides h5, body.font-large ul.arrows p, body.font-large ul.arrows a, body.font-large ul.arrows dt, body.font-large ul.arrows dd, body.font-large ul.arrows h5, body.font-large #resource-wrap p, body.font-large #resource-wrap a, body.font-large #resource-wrap dt, body.font-large #resource-wrap dd, body.font-large #resource-wrap h5, body.font-large .what-you-could-do p, body.font-large .what-you-could-do a, body.font-large .what-you-could-do dt, body.font-large .what-you-could-do dd, body.font-large .what-you-could-do h5, body.font-large .estimator p, body.font-large .estimator a, body.font-large .estimator dt, body.font-large .estimator dd, body.font-large .estimator h5 {
    font-size: 20px !important;
    line-height: 24px !important; }
body.font-large .callout-grid ul li {
  height: 550px !important; }
body.font-large #main-interior .view-all-videos-page .views-row, body.font-large #main-interior .view-video-search .views-row {
  min-height: 375px !important; }

.campaign-nav {
  display: none;
  margin: 0 auto;
  width: 100%;
  z-index: 10;
  background: #000000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  background: rgba(0, 0, 0, 0.7); }
  .campaign-nav .page-selector {
    background: #000000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    background: rgba(0, 0, 0, 0.8);
    padding: 8px 10px;
    position: absolute;
    right: 0;
    top: 9px; }
    .campaign-nav .page-selector:hover ul, .campaign-nav .page-selector.open ul {
      display: block; }
  .campaign-nav .inner {
    margin: 0 auto;
    max-width: 960px;
    position: relative;
    width: 95% !important; }
  .campaign-nav h4 {
    background: url("../images/bg-dropdown-vert.png") right center no-repeat;
    color: #7b7b26;
    font: normal 14px/18px "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
    padding: 0 80px 0 0; }
  .campaign-nav ul {
    display: none;
    padding: 10px 0 0; }
    .campaign-nav ul a {
      color: #7b7b26;
      font: normal 14px/18px "Trade Gothic W01 Bold 2", "Arial Black", sans-serif; }
      .campaign-nav ul a:hover {
        color: #989855; }
  .campaign-nav a.arrow {
    display: inline-block;
    font: normal 14px/18px "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
    padding: 16px 0; }
    .campaign-nav a.arrow:before {
      background: url("/sites/all/themes/basic/images/arrow-bullet-prev.png") no-repeat left top;
      content: ' ';
      display: inline-block;
      height: 19px;
      vertical-align: top;
      width: 24px; }
    .campaign-nav a.arrow:hover {
      color: #989855; }

.campaign {
  margin-bottom: 30px; }
  .campaign a.arrow {
    background: url("/sites/all/themes/basic/images/green_arrow_dark_19.png") no-repeat left center;
    display: block;
    font: normal 14px/18px "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
    padding: 12px 0 8px 30px; }
    .campaign a.arrow:hover {
      color: #989855; }
    .campaign a.arrow[target=_blank]:after {
      background: url("../images/external_link_icon_dark.png") 0 0 no-repeat;
      content: '';
      display: inline-block;
      height: 10px;
      margin: 0 0 0 8px;
      vertical-align: middle;
      width: 10px; }
  .campaign .campaign-transcript {
    margin-top: 12px; }
    .campaign .campaign-transcript .trigger {
      display: inline-block;
      color: #7b7b26;
      font-family: "Trade Gothic W01 Bold 2", "Arial Black", sans-serif;
      cursor: pointer; }
      .campaign .campaign-transcript .trigger:hover {
        color: #989855; }
    .campaign .campaign-transcript .transcript {
      margin-top: 8px;
      max-height: 0;
      overflow-x: hidden;
      overflow-y: hidden;
      -webkit-transition: max-height 600ms ease;
      -moz-transition: max-height 600ms ease;
      -ms-transition: max-height 600ms ease;
      -o-transition: max-height 600ms ease;
      transition: max-height 600ms ease;
      padding-right: 20px; }
      .campaign .campaign-transcript .transcript.in {
        max-height: 240px;
        overflow-y: scroll; }
  .campaign .home-overview {
    background-image: url("../images/campaign/bg-fullbleed.jpg");
    background-position: center;
    background-size: cover;
    height: 344px;
    padding: 0;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    .campaign .home-overview .title-calling {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 310px;
      margin: 0 0 0 300px; }
    .campaign .home-overview h2 {
      color: #fff;
      font: normal 40px/44px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
      letter-spacing: 0;
      text-transform: uppercase; }
  .campaign nav.stories {
    width: 90%;
    max-width: 960px;
    margin: 0 auto; }
    .campaign nav.stories .wrap {
      margin: 5px 0 30px 0; }
    .campaign nav.stories a {
      position: relative;
      top: 0;
      z-index: 1;
      float: left;
      width: 19.4%;
      margin: 0 0.3%;
      min-height: 235px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50%;
      opacity: 0.5;
      background-color: #413e40;
      -webkit-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.33);
      -moz-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.33);
      -ms-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.33);
      -o-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.33);
      box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.33);
      -webkit-transition: all 400ms ease;
      -moz-transition: all 400ms ease;
      -ms-transition: all 400ms ease;
      -o-transition: all 400ms ease;
      transition: all 400ms ease; }
    .campaign nav.stories .details {
      position: absolute;
      left: 0;
      right: 0;
      top: 234px;
      opacity: 0;
      padding: 10px;
      background-color: #413e40;
      color: #fff;
      -webkit-transition: opacity 400ms ease, top 400ms ease;
      -moz-transition: opacity 400ms ease, top 400ms ease;
      -ms-transition: opacity 400ms ease, top 400ms ease;
      -o-transition: opacity 400ms ease, top 400ms ease;
      transition: opacity 400ms ease, top 400ms ease;
      -webkit-font-smoothing: antialiased; }
      .campaign nav.stories .details h5 {
        font: normal 18px/22px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
        text-transform: uppercase; }
      .campaign nav.stories .details p {
        font: normal 12px/16px "Trade Gothic W01 Light", "Arial", sans-serif; }
    .campaign nav.stories a.active,
    .campaign nav.stories a:hover {
      z-index: 2;
      top: -55px;
      opacity: 1;
      -webkit-transform: scale(1.06);
      -moz-transform: scale(1.06);
      -ms-transform: scale(1.06);
      -o-transform: scale(1.06);
      transform: scale(1.06); }
      .campaign nav.stories a.active .details,
      .campaign nav.stories a:hover .details {
        opacity: 1; }
    .campaign nav.stories a.active {
      z-index: 3;
      cursor: default; }
    .campaign nav.stories .divider {
      text-align: center;
      border-bottom: 1px solid gray; }
      .campaign nav.stories .divider span {
        position: relative;
        top: 10px;
        background-color: white;
        padding: 0 20px; }
  .campaign .fullbleed-with-video {
    width: 90%;
    max-width: 960px;
    margin: 0 auto;
    padding: 40px 0; }
    .campaign .fullbleed-with-video h2 {
      font-size: 28px;
      line-height: 1;
      margin-bottom: 18px; }
    .campaign .fullbleed-with-video .fullbleed-video-wrap {
      position: relative; }
    .campaign .fullbleed-with-video .details {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 36%; }
    .campaign .fullbleed-with-video .campaign-video,
    .campaign .fullbleed-with-video .campaign-transcript {
      width: 60%; }
    .campaign .fullbleed-with-video .preview-video {
      display: none; }
    .campaign .fullbleed-with-video .embed-container {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      width: inherit;
      max-width: inherit;
      margin: inherit;
      z-index: inherit; }
    .campaign .fullbleed-with-video.align-right .details {
      right: 0; }
    .campaign .fullbleed-with-video.align-left .details {
      left: 0; }
    .campaign .fullbleed-with-video.align-left .campaign-video,
    .campaign .fullbleed-with-video.align-left .campaign-transcript {
      float: right; }
  .campaign .hero-overview-video {
    display: none; }
  .campaign .featured-fact {
    display: none; }
  .campaign .featured-audio {
    display: none; }
  .campaign .social-connect {
    display: none; }
  .campaign .featured-quote {
    width: 90%;
    max-width: 960px;
    margin: 0 auto;
    background-color: #f1f2f2; }
    .campaign .featured-quote blockquote {
      position: relative;
      padding: 75px 90px;
      font: normal 24px/30px "DIN Next W01 Light", "Arial Narrow", "Arial", sans-serif;
      letter-spacing: -1px;
      text-transform: uppercase; }
      .campaign .featured-quote blockquote span {
        position: relative;
        z-index: 1; }
      .campaign .featured-quote blockquote:before, .campaign .featured-quote blockquote:after {
        position: absolute;
        color: #e2e2e2;
        font-family: "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
        font-size: 160px; }
      .campaign .featured-quote blockquote:before {
        content: '“';
        top: 24px;
        left: 40px;
        line-height: 1; }
      .campaign .featured-quote blockquote:after {
        content: '”';
        bottom: 30px;
        right: 70px;
        line-height: 0; }
  .campaign .basic-section {
    width: 90%;
    max-width: 960px;
    margin: 0 auto;
    padding: 60px 0; }
    .campaign .basic-section h2 {
      font: normal 25px/27px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
      letter-spacing: 0;
      padding: 0 0 12px;
      text-transform: uppercase; }
    .campaign .basic-section p,
    .campaign .basic-section span {
      color: #414042;
      font: normal 15px/22px "DIN Next W01 Light", "Arial Narrow", "Arial", sans-serif;
      -webkit-text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
      -moz-text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
      -ms-text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
      -o-text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
      text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4); }
  .campaign .img-gallery {
    padding: 100px 0 64px; }
    .campaign .img-gallery.intro-gallery {
      padding: 0 0 64px; }
    .campaign .img-gallery .img-gallery-content {
      width: 90%;
      max-width: 960px;
      margin: 0 auto;
      position: relative; }
      .campaign .img-gallery .img-gallery-content img {
        display: block;
        height: auto;
        width: 100%; }
      .campaign .img-gallery .img-gallery-content .details {
        background: #000000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        background: rgba(0, 0, 0, 0.8);
        bottom: 0;
        left: 0;
        padding: 0;
        position: absolute;
        width: 100%; }
      .campaign .img-gallery .img-gallery-content .featured-nav a {
        background: url("../images/campaign/arrow-prev.png") 0 0 no-repeat;
        display: block;
        height: 0;
        left: 0;
        opacity: 1;
        overflow: hidden;
        padding: 95px 0 0;
        position: absolute;
        top: 41%;
        width: 76px;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease; }
        .campaign .img-gallery .img-gallery-content .featured-nav a:hover {
          left: -10px; }
        .campaign .img-gallery .img-gallery-content .featured-nav a.next {
          background: url("../images/campaign/arrow-next.png") right 0 no-repeat;
          left: auto;
          right: 0; }
          .campaign .img-gallery .img-gallery-content .featured-nav a.next:hover {
            right: -10px; }
      .campaign .img-gallery .img-gallery-content p {
        color: #fff;
        padding: 24px 38px;
        -webkit-text-shadow: none;
        -moz-text-shadow: none;
        -ms-text-shadow: none;
        -o-text-shadow: none;
        text-shadow: none; }
      .campaign .img-gallery .img-gallery-content a.arrow {
        margin: -10px 0 15px 33px; }
    .campaign .img-gallery .video-scroll {
      width: 90%;
      max-width: 960px;
      margin: 0 auto;
      overflow: visible;
      padding: 18px 0; }
      .campaign .img-gallery .video-scroll ul, .campaign .img-gallery .video-scroll ul#videos {
        padding: 0 0 20px; }
        .campaign .img-gallery .video-scroll ul li, .campaign .img-gallery .video-scroll ul#videos li {
          background: #000;
          height: auto; }
          .campaign .img-gallery .video-scroll ul li .featured-nav, .campaign .img-gallery .video-scroll ul#videos li .featured-nav {
            display: none; }
      .campaign .img-gallery .video-scroll .details {
        display: none; }
      .campaign .img-gallery .video-scroll img {
        cursor: pointer;
        display: block; }
      .campaign .img-gallery .video-scroll .slides-container {
        overflow: hidden; }
      .campaign .img-gallery .video-scroll .swipe-nav a {
        top: 37%; }
        .campaign .img-gallery .video-scroll .swipe-nav a.nav-disabled {
          opacity: 0.2; }
    .campaign .img-gallery .video-scroll ul#videos {
      height: auto; }
      .campaign .img-gallery .video-scroll ul#videos li.active {
        height: auto; }
  .campaign .video-gallery {
    width: 90%;
    max-width: 960px;
    margin: 0 auto;
    padding: 40px 0;
    overflow: hidden; }
    .campaign .video-gallery h2 {
      font: normal 25px/27px "TradeGothicW01-BoldCn20 675334", "Arial Narrow", sans-serif;
      letter-spacing: 0;
      padding: 0 0 12px;
      text-transform: uppercase; }
    .campaign .video-gallery .player-wrap {
      position: relative;
      padding-bottom: 56.25%;
      /* 16:9 */
      height: 0; }
      .campaign .video-gallery .player-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .campaign .video-gallery .video-gallery__carousel {
      position: relative;
      width: 95%;
      margin: 20px auto 0;
      height: 280px; }
    .campaign .video-gallery .video-gallery__arrow {
      position: absolute;
      top: 35%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      height: 70px;
      width: 40px;
      opacity: 0.7;
      overflow: hidden;
      text-indent: -9999em;
      background-repeat: no-repeat;
      background-position: 50%;
      cursor: pointer; }
      .campaign .video-gallery .video-gallery__arrow:hover {
        opacity: 1; }
      .campaign .video-gallery .video-gallery__arrow.disabled {
        opacity: 0;
        cursor: inherit; }
    .campaign .video-gallery .video-gallery__arrow--prev {
      left: -32px;
      background-image: url("../images/left-arrow.png"); }
    .campaign .video-gallery .video-gallery__arrow--next {
      right: -32px;
      background-image: url("../images/right-arrow.png"); }
    .campaign .video-gallery .video-gallery__item {
      position: absolute;
      right: 0;
      -webkit-transition: right 600ms;
      -moz-transition: right 600ms;
      -ms-transition: right 600ms;
      -o-transition: right 600ms;
      transition: right 600ms;
      width: 31.3333333%;
      margin: 0 1%;
      background-color: #989855;
      cursor: pointer; }
      .campaign .video-gallery .video-gallery__item:nth-child(1) {
        right: 66%; }
      .campaign .video-gallery .video-gallery__item:nth-child(2) {
        right: 33%; }
      .campaign .video-gallery .video-gallery__item:hover .bg {
        opacity: 1; }
      .campaign .video-gallery .video-gallery__item.active {
        background-color: black;
        cursor: inherit; }
        .campaign .video-gallery .video-gallery__item.active .bg {
          opacity: 0.333; }
        .campaign .video-gallery .video-gallery__item.active p {
          color: #999; }
      .campaign .video-gallery .video-gallery__item .bg {
        position: relative;
        opacity: 0.75;
        height: 156px;
        background-size: cover;
        background-position: center;
        -webkit-transition: opacity 400ms ease;
        -moz-transition: opacity 400ms ease;
        -ms-transition: opacity 400ms ease;
        -o-transition: opacity 400ms ease;
        transition: opacity 400ms ease; }
        .campaign .video-gallery .video-gallery__item .bg:after {
          content: url("/sites/all/themes/basic/images/video_play_button.png");
          position: absolute;
          top: 50%;
          left: 50%;
          width: 28px;
          height: 34px;
          margin-top: -17px;
          margin-left: -14px; }
      .campaign .video-gallery .video-gallery__item p {
        padding-top: 6px;
        line-height: 20px;
        background-color: white; }
  .campaign #main-interior {
    padding: 20px 0; }
    .campaign #main-interior .first-step {
      float: left; }
    .campaign #main-interior .next-step {
      background-color: #f2f2f2; }
    .campaign #main-interior .gray-block .next-step {
      background-color: white; }
  .campaign #resource-wrap {
    padding: 0; }

@media screen and (max-width: 900px) {
  .campaign .home-overview h2 {
    font-size: 30px;
    line-height: 34px; }
  .campaign nav.stories .details h5 {
    font-size: 14px; }
  .campaign nav.stories .details p {
    font-size: 10px; } }
@media screen and (max-width: 768px) {
  .campaign .home-overview .title-calling {
    margin: 0 0 0 250px; }
  .campaign nav.stories .details h5 {
    font-size: 14px; }
  .campaign nav.stories .details p {
    font-size: 10px; } }
@media screen and (max-width: 640px) {
  .section-calling-answer .campaign-nav {
    display: block; }

  .section-calling-answer.page-calling-answer .campaign-nav {
    display: none; }

  .campaign {
    padding: 64px 0 0 0; }

  .page-calling-answer .campaign {
    padding: 14px 0 0 0; }

  .campaign .home-overview {
    height: 250px; }
    .campaign .home-overview .title-calling {
      width: 100%;
      margin: 0;
      text-align: center; }
  .campaign nav.stories {
    display: none; }
  .campaign .featured-quote blockquote {
    padding: 50px;
    font-size: 21px;
    line-height: 26px; }
    .campaign .featured-quote blockquote:before, .campaign .featured-quote blockquote:after {
      font-size: 120px; }
    .campaign .featured-quote blockquote:before {
      top: 15px;
      left: 15px; }
    .campaign .featured-quote blockquote:after {
      bottom: 15px;
      right: 30px; }
  .campaign .img-gallery .img-gallery-content .details {
    position: inherit; }
  .campaign .img-gallery .img-gallery-content p {
    padding: 18px; }
  .campaign .img-gallery .img-gallery-content .featured-nav a {
    opacity: 1;
    top: 18%; }
  .campaign .img-gallery .video-scroll {
    display: none; }
  .campaign .video-gallery .video-gallery__arrow {
    top: 30%; }
  .campaign .video-gallery .video-gallery__arrow--prev {
    left: -40px; }
  .campaign .video-gallery .video-gallery__arrow--next {
    right: -40px; }
  .campaign .video-gallery .video-gallery__carousel {
    width: 80%;
    margin: 10px auto 0; }
  .campaign .video-gallery .video-gallery__item {
    width: 100%;
    margin: 0; }
    .campaign .video-gallery .video-gallery__item.next {
      right: -120%; }
    .campaign .video-gallery .video-gallery__item.prev {
      right: 120%; }
    .campaign .video-gallery .video-gallery__item:nth-child(1) {
      right: 0; }
      .campaign .video-gallery .video-gallery__item:nth-child(1).next {
        right: -120%; }
      .campaign .video-gallery .video-gallery__item:nth-child(1).prev {
        right: 120%; }
    .campaign .video-gallery .video-gallery__item:nth-child(2) {
      right: 0; }
      .campaign .video-gallery .video-gallery__item:nth-child(2).next {
        right: -120%; }
      .campaign .video-gallery .video-gallery__item:nth-child(2).prev {
        right: 120%; }
  .campaign #resource-wrap {
    width: 90%;
    max-width: 960px;
    margin: 0 auto; }
    .campaign #resource-wrap .resources,
    .campaign #resource-wrap .next-step {
      float: none;
      width: 100%;
      max-width: inherit;
      padding: 0;
      margin: 0; }
      .campaign #resource-wrap .resources img,
      .campaign #resource-wrap .next-step img {
        display: none; }
    .campaign #resource-wrap .next-step {
      margin: 15px 0 0 0;
      padding: 5px 0 10px 0; }
  .campaign #main-interior {
    padding: 0; }
  .campaign .fullbleed-with-video {
    padding: 20px 0; }
    .campaign .fullbleed-with-video h2 {
      font-size: 24px;
      line-height: 1;
      margin-bottom: 10px; }
    .campaign .fullbleed-with-video .details {
      position: inherit;
      width: 100%;
      transform: inherit;
      -webkit-transform: inherit; }
    .campaign .fullbleed-with-video .campaign-video {
      width: 100%;
      margin-top: 12px; }
    .campaign .fullbleed-with-video .campaign-transcript {
      float: inherit;
      width: 100%; }
    .campaign .fullbleed-with-video.align-left .campaign-video {
      float: inherit; } }
.node-type-inside-look-overview-page #main-interior .view-all-videos-page,
.node-type-inside-look-overview-page #main-interior .view-video-search {
  width: 100%; }
.node-type-inside-look-overview-page #main-interior .view-all-videos-page .view-filters .views-exposed-widgets,
.node-type-inside-look-overview-page .view-career-fields-and-profiles-indexed .view-filters .views-exposed-widgets {
  width: inherit; }
.node-type-inside-look-overview-page #main-interior .video-search .view-all-videos-page p {
  padding: 0; }
.node-type-inside-look-overview-page #resource-wrap {
  margin-top: 25px; }
  .node-type-inside-look-overview-page #resource-wrap .next-step {
    background-color: #f1f2f2; }

span.info {
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-transform: none; }
  @media (min-width: 681px) and (max-width: 1023px) {
    span.info {
      display: inline; } }
  @media (max-width: 679px) {
    span.info {
      display: inline; } }
  span.info .icon {
    background: #797c2b;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: italic normal 13px/13px "Times", "Times New Roman", serif;
    margin: 0 0 3px 4px;
    padding: 1px 6px;
    text-transform: none;
    vertical-align: middle;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px; }
  span.info .text {
    background: #797c2b;
    color: #fff;
    display: none;
    font: normal 13px/18px "Trade Gothic W01 Light", "Arial", sans-serif;
    top: 7px;
    padding: 10px;
    position: absolute;
    left: 6px;
    width: 300px;
    z-index: 3;
    cursor: initial;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px; }
    @media (min-width: 681px) and (max-width: 1023px) {
      span.info .text {
        margin: 10px 0 0;
        position: static;
        width: 80%; } }
    @media (max-width: 679px) {
      span.info .text {
        margin: 10px 0 0;
        position: static;
        width: 80%; } }
  span.info:hover .text {
    display: block; }

.alternate-bg {
  background: #f1f2f2; }

/*# sourceMappingURL=application.css.map */