/* ################################################################
###########################  LAYOUT  ##############################
################################################################ */




.masthead h1.title {
    margin-bottom: 25px;
}


.p_never-served h1.page-title,.p_served-before h1.page-title{
    color: #042f56;
    font-size: 3.2rem;
    line-height: 3.5rem;
}


.calc .inner .divider {
    border-top: 2px solid #d1c5b0;
    width: 200%;
    margin: 0;
    float: left;
    position: absolute;
    left: -20%;
}

.page_header {
    width: 91.40625%;
    margin: 0 auto;
}

.page_header_scrolled {
width: 91.40625%;
margin: 0 auto;
left: 0;
right: 0;
}

.button-div {
    /*position: relative;*/
}






.base-button.style-2 {
    -moz-box-shadow: 0px 3px 0px 0px #4e6d87;
    -webkit-box-shadow: 0px 3px 0px 0px #4e6d87;
    box-shadow: 0px 3px 0px 0px #4e6d87;
    background-color: #6593b6;
    height: 61px;
    text-transform: uppercase;
    padding: 8px 20px;

}

.base-button.style-2:hover {
    -moz-box-shadow: 0px 5px 0px 0px #4e6d87;
    -webkit-box-shadow: 0px 5px 0px 0px #4e6d87;
    box-shadow: 0px 5px 0px 0px #4e6d87;
}



.style-3 .button {
    color: #042f56;
}

.style-4 .button {
    color: #002d56;
}











.soc-sidebar {
    height: 370px;
    width: 37px;
    position: fixed;
    z-index: 999;
    right: 0;
    top: 220px;
    float: none;
    background-color: #c2c9c6;
    overflow: visible;
    -webkit-box-shadow: 5px 5px 6px 0px rgba(50, 50, 50, 0.31);
    -moz-box-shadow:    5px 5px 6px 0px rgba(50, 50, 50, 0.31);
    box-shadow:         5px 5px 6px 0px rgba(50, 50, 50, 0.31);
}

.soc-sidebar div {
    float: right;
    clear: right;
    height: 37px;
    background-repeat: no-repeat;
    width: 37px;
    background-position: center;
    background-size: contain;
    box-sizing: border-box;
    cursor: pointer;
}

.soc-sidebar div a {
    height: 37px;
    width: 37px;
    display: block;
}

.soc-sidebar .myspace {
    background-image: url("../img/social_svgs/soc-side-myspace.svg");
}

.soc-sidebar .n4m {
    background-image: url("../img/social_svgs/soc-side-n4m.svg");
}


.soc-sidebar .googleplus {
    background-image: url("../img/social_svgs/soc-side-googleplus.svg");
}


.soc-sidebar .pinterest {
    background-image: url("../img/social_svgs/soc-side-pinterest.svg") ;
}


.soc-sidebar .tumblr {
    background-image: url("../img/social_svgs/soc-side-tumblr.svg");
}


.soc-sidebar .youtube {
    background-image: url("../img/social_svgs/soc-side-youtube.svg");
}


.soc-sidebar .twitter {
    background-image: url("../img/social_svgs/soc-side-twitter.svg");
}


.soc-sidebar .facebook {
    background-image: url("../img/social_svgs/soc-side-facebook.svg");
}


.soc-sidebar .instagram {
    background-image: url("../img/social_svgs/soc-side-instagram.svg");
}


.soc-sidebar .flickr {
    background-image: url("../img/social_svgs/soc-side-flickr.svg");
}




.soc-sidebar div:hover {
    width: 39px;
    border-sizing: border-box;
}

.soc-sidebar div:hover a {
    width: 39px;
    border-right: 2px solid rgba(0, 0, 0, .26);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box;
    border-sizing: border-box;
}

.soc-sidebar .myspace:hover {
    background-color: #555555;
}

.soc-sidebar .n4m:hover {
    background-color: #90cadd;
}


.soc-sidebar .googleplus:hover {
    background-color: #dd4b39;
}


.soc-sidebar .pinterest:hover {
    background-color: #cb2027;
}


.soc-sidebar .tumblr:hover {
    background-color: #36465d;
}


.soc-sidebar .youtube:hover {
    background-color: #b31217;
}


.soc-sidebar .twitter:hover {
    background-color: #55acee;
}


.soc-sidebar .facebook:hover {
    background-color: #3b5998;
}

.soc-sidebar .instagram:hover {
    background-color: #4d7a9f;
}

.soc-sidebar .flickr:hover {
    background-color: #ff0084;
}







/* ################################################################
#############################  TEASERS  ############################
################################################################ */

.teaser {
    background-color: transparent;
    position: relative;
    color: #ffffff;
    vertical-align: top;
    /*box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;*/
}

.teaser .teaser-top {
    position: relative;
    z-index: 1;
}

.teaser .teaser-bottom {
    position: relative;
    padding: 0 0 41px;
    z-index: 1;
}

.teaser.no-background:after {
    content: "" !important;
    content: none !important;
}

.teaser.no-teaser {
  margin-bottom: 3.5rem;
}

.teaser.no-teaser .teaser-bottom {
    display: none;
}

.teaser img {
    width: 100%;
}

.teaser.border-top img{
    margin-top: 10px;
}

.teaser .teaser-bottom .hero-title {
    position: absolute;
    left: 0;
    margin: -3.5rem 0 0;
    padding: 0 13px 0;
}

.teaser.style-2 .teaser-bottom .hero-title {
    position: relative;
    margin: 3.5rem 0 0;
    padding: 0 13px 0;
}

.teaser .teaser-top .hero-title {
    position: absolute;
    left: 0;
    margin: 0 0 -0.1rem;
    padding: 0 14px 0;
    bottom: 0;
    line-height: 4rem;
}

.teaser .sub-head {
    padding: 0 14px 0;
}

.teaser p {
    padding: 0 0px 0;
}

.teaser .tab p {
    padding: 0.4rem 0 0;
}

.teaser.style-3 p {
    color: #ffffff;
}

.is-border-bottom .button, .is-border-top .button {
    margin: 0px 0 -12px 0px;
}

.teaser.text-only.medium-12 .teaser-bottom {
    width: 100%;
}

/* For Bret Review */
.teaser.text-only {
margin-bottom: 3.1rem;
}

.teaser.text-only .tab.is-right {
  cursor:pointer;
  right:1rem;
  bottom:0;
}

.teaser.text-only .tab p {
  padding: 0;
}

.teaser.text-only .tab.is-right p a {
  color:#002d56;
  font-size:2.1rem;
  font-weight:normal;
}

.teaser.text-only .tab.is-right p a span {
  padding-left:.8rem;
  -webkit-transition: all 100ms ease-in-out;
     -moz-transition: all 100ms ease-in-out;
      -ms-transition: all 100ms ease-in-out;
       -o-transition: all 100ms ease-in-out;
          transition: all 100ms ease-in-out;
}

.teaser.text-only .tab.is-right:hover p a span {
  margin-right: -.3rem;
  margin-left: .3rem;
}

.teaser.text-only p a:hover span {
  padding:0;
}

.teaser.text-only .hero-title {
  position: relative;
  margin: 0;
  padding: 1.9rem 1.5rem 0 1.5rem;
  line-height: 1.2;
  font-size: 3.2rem;
}

.teaser.text-only .sub-head {
  line-height: 1.5;
  font-size: 1.9rem;
  padding: 0 1.5rem 1.5rem;
  color:white;
}

.teaser.text-only.style-1:after {
  background-color: #6593b6;
}
















/* ################################################################
######################  SOCIAL SHARE TOOL  ########################
################################################################ */

.social-share {
    height: 34px;
    width: 61px;
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden;
    background: url("../img/masthead/share-tool.png") no-repeat;
    background-position: right bottom;
    opacity: 0.85;
    z-index: 9;
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transform-style: preserve-3d;
    }

.vertical-middle-table .social-share {
    margin-right: 1.0rem;
    bottom: 2px;
}

.social-share ul {
    position: relative;
    height: 34px;
    display: block;
    z-index: 40;
    width: 200px;
    margin-right: 39px;
    float: right;
}

.social-share ul li {
    display: none;
    padding: 0;
    cursor: pointer
}

.social-share:hover {
    height: 34px;
    width: 230px;
    overflow: hidden;
    background: url("../img/masthead/share-tool-hov.png") no-repeat;
    background-position: right bottom;
    background-color: #002d56;
    background-color: rgb(0, 45, 86);
    background-color: rgba(0, 45, 86, 0.8);
    opacity: 1;
}

.social-share:hover ul {
    display: block;
    height: 34px;
    width: 190px;
    position: relative;
    float: right;
    z-index: 40;
    padding: 0;
}

.soc-facebook {
    display: block;
    height: 32px;
    width: 32px;
    background: url("../img/masthead/soc-fb.png") no-repeat;
}

.soc-twitter {
    display: block;
    height: 32px;
    width: 32px;
    background: url("../img/masthead/soc-twit.png") no-repeat;
}


.soc-google {
    display: block;
    height: 32px;
    width: 32px;
    background: url("../img/masthead/soc-google.png") no-repeat;
}


.soc-linked {
    display: block;
    height: 32px;
    width: 32px;
    background: url("../img/masthead/soc-linked.png") no-repeat;
}


.soc-layers {
    display: block;
    height: 32px;
    width: 32px;
    background: url("../img/masthead/soc-layers.png") no-repeat;
}

.soc-mail {
    display: block;
    height: 32px;
    width: 32px;
    background: url("../img/masthead/soc-mail.png") no-repeat;
}

.social-share:hover ul li {
    display: inline-block;
    float: left;
    position: relative;
    z-index: 30;
}

.social-share .fa {
    font-size: 2.2rem;
    padding: 6px 7px;
    cursor: pointer;
    color: #ffffff;
}

.social-share input {
    width: 25px;
    height: 34px;
    background-color: transparent;
    position: absolute;
    left: -1px;
    top: 0px;
    cursor: pointer;
    border: none;
}


.col-panel.has-image.read-further:after {
    text-align: left;
    background-color: #002d56;
    height: 100px;
    width: 90%;
}

.read-further-title {
    color: #042f56;
    font-size: 2.4rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    width: 100%;
    position: relative;
    text-align: left;
    border-bottom: 1px solid #bdc0c2;
    padding-bottom: 13px;
}

.read-further-item img {
    width: 99px;
    float: left;
    height:100px;
    border-right: 1px solid #b7c0bf;
}


.col-panel.read-container{
  display:inline-block;
  margin-bottom:40px;
  cursor:pointer;
}
.read-img-container{
  height:100px;
  width:100px;
  float:left;
  overflow: hidden;
  margin:0 auto;
}
.read-btn img{
  transition:all 100ms ease-out;
  height:100px;
  width:100px;
}
.read-btn:hover img{
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
}
.read-btn p{
  background:rgba(0, 45, 86, 1.0);
  border-left:solid 1px white;
  width:50%;
  height:100px;
  display:table-cell;
  vertical-align:middle;
  box-sizing:border-box;
  padding-left:1.6rem;
  transition:box-shadow 80ms ease-out,
             background 200ms ease-out;
  box-shadow:inset 0 0 0 0 #6593b6;
  color:white;
  font:1.9rem "Oswald", sans-serif;
  font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
  font-size: 2.1rem;
  font-weight:300;
  text-transform:uppercase;
  letter-spacing:.08rem
}
.read-btn:hover p{
  background:rgba(0, 50, 94, 1.0);
  box-shadow:inset -5px 0 0 0 #6593b6;
}
.read-btn:active p{
  box-shadow:inset -3px 0 0 0 #6593b6;
}
.read-btn p span{
  transition:all 80ms ease-out;
  margin-left:0.4rem;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.9rem;
  font-weight: normal;
  font: normal 1.9rem Arial, Helvetica, sans-serif;
  position:relative;
  top:-1.2rem;
}
.read-btn:hover p span{
  margin-left:0.6rem;
}
.read-btn:active p span{
  margin-left:0.6rem
}
.read-description{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  font: bold 1.2rem Arial, Helvetica, sans-serif;
  color: #002d56;
}


.p_careers .gallery-img-container {
    height: 100%;
    width: 100%;
    float: left;
    overflow: hidden;
    margin: 0 auto;
}

.p_careers .gallery-item {
    margin-bottom: 3rem;
    float: left !important;
}

.p_careers.mobile .gallery-item {
    float: left !important;
    clear: left;
    margin-bottom: 4px;
}

.p_careers .gallery-item img {
    width: 100%;
}

.p_careers .gallery-item p {
    color: #FFFFFF;
    font-size: 1.9rem;
    line-height: 2.2rem;
    font-weight: bold;
    height: 51px;
    width: 100%;
    background-color: transparent;
    display: table-cell;
    position: relative;
    vertical-align: middle;
    float: none;
    text-transform: uppercase;
    padding: 0 1rem;
}

.p_careers .gallery-container {
    background-color: rgba(8,43,74,0.85);
}

.p_careers.med .gallery-container {
    background-color: rgba(159,37,45,0.85);
}

.p_careers.mobile .gallery-img-container {
    height: 95px;
    width: 90px;
    float: left;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.p_careers.mobile .gallery-item img {
    width: 100%;
}

.p_careers.mobile .gallery-item p {
    color: #FFFFFF;
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: bold;
    height: 90px;
    width: 100%;
    background-color: transparent;
    display: table-cell;
    position: relative;
    vertical-align: middle;
    float: none;
    margin-top: -100px;
    text-transform: uppercase;
    padding: 0 1rem 0;
    z-index: 1;
    border-left: 1px solid #ffffff;
}

.p_careers.mobile .gallery-item p {
    border-left: 1px solid #ffffff;
    display: table-cell;
    float: none;
    height: 90px;
    background-color: transparent;
    padding: 0 1rem 0;
}

.p_careers.mobile .gallery-container {
    background-color: rgba(8,43,74,1.0);
}

.p_careers.med.mobile .gallery-container {
    background-color: rgba(159,37,45,1.0);
}

.tab {
    transition: all 100ms ease-in-out;
}

.tab, .tab p, .tab p a, .tab p a span {
    color: #002d56 !important;
}

.tab.dark-grey, .tab.dark-grey p, .tab.dark-grey p a, .tab.dark-grey p a span {
    color: #ffffff !important;
}

.tab p a span {
    transition: all 100ms ease-in-out;
    padding-left: 0.5rem;
}

.tab:hover p a span {
    margin-right: -0.3rem;
    margin-left: 0.3rem;
}

.tab-item-list {
    width: 100%;
    height: 38px;
    padding: 0 1.0rem 0 0;
    margin: 0;
    background-color: #c2c9c6;
    text-align: justify;
    z-index: 10;
    position: relative;
}

.is-toolbar .tab-item-list {
    background-color: #002d56;
}

.is-toolbar .tab-section .tab-graphic-divider {
    width:  1000%;
}

.is-toolbar .tab-section .tab-graphic-divider:before {
    width:  15%;
    left: -15%
}

.tab-item {
    display: none;
    height: 3.8rem;
}

#social-tab .tab-item {
    display: inline-block;
}

#social-tab .tab-header-text {
    font-size: 1.6rem;
}

.tab-item.mobile {
    display: inline-block;
    z-index: 9;
}

.tab-item.mobile:hover {
    margin-left: 0.1rem;
}

.tab-item.tab {
  -webkit-transition:none;
          transition:none;
}

.tab-item.mobile ul {
    display: none;
    padding:1.5rem 1rem 0 1rem;
    width: auto;
    left: 0;
    position: absolute;
    z-index: 9;
    white-space: nowrap;
    box-sizing:border-box;
      -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
     background-color: #ffffff;
    border-left: 1px solid #c2c9c6;
    border-right: 1px solid #c2c9c6;
    border-bottom: 1px solid #c2c9c6;
    color: #002d56;
    margin: 0.6rem 0 0 -.1rem;
    border-radius: 0 0 3px 0;
}

.tab-item.mobile:hover ul {
    display: block;
    float: left;
}

.tab-item-list .tab-item.tab {
    position: relative;
    margin-top: 0;
    border-bottom: 4.3rem solid white;
    border-right: 2.2rem solid transparent;
    color: #002d56;
    padding: 0 0.5rem 0 0;
    margin-right: -1.0rem;
    margin-top: -0.4rem;
}


.tab-item-list .tab-item.soc-tab {
position: relative;
margin-top: 0;
border-bottom: 4.2rem solid white;
border-right: 2.2rem solid transparent;
color: #002d56;
padding: 0 0.5rem 0 0;
margin-right: -1.0rem;
margin-top: -0.4rem;
}


.tab-item-list .tab-item.more{
    cursor: pointer;
    float: right;
    right: 0;
    border-right: none;
    margin-right: -1.0rem;
    border-left: 2.2rem solid transparent;
    position: relative;
}

.tab-item-list .tab-item.more.tab {
    position: initial;
}

.tab-item-list:after {
    content: '';
    width: 100%;
    display: inline-block;
}

.tab-item-list.not-justified:after {
    width: 0;
}

.tab-item.more ul {
    display: none;
    background-color: #c2c9c6;
    color: #ffffff;
    padding: 2.0rem 1.5rem 0 1.5rem !important;
    width: auto;
    right: 0;
    position: absolute;
    z-index: 9;
    white-space: nowrap;
    margin: 0.6rem 0 0;
    box-sizing:border-box;
      -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
}

.tab-item.tab.more:hover {
    margin-left: -0.3rem;
    padding-left: 0.2rem;
    margin-right: -0.9rem;
}

.tab-item.more:hover ul {
    display: block;
}


.tab-item.tab.more:hover ul {
    background-color: #ffffff;
    border-left: 1px solid #c2c9c6;
    border-right: 1px solid #c2c9c6;
    border-bottom: 1px solid #c2c9c6;
    color: #002d56;
    margin: 0.6rem 0 0;
}

.tab-item.more ul li {
    font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
    font-size: 1.9rem;
    font: 1.9rem "TradeGothicW01-BoldCn20 675334", sans-serif;
}

.tab-item.more ul li.is-active {
    list-style-type: square;
    margin-left: 9px;
}

.more.tab ul li a {
color: #002d56;
}

.tab-item.more ul li.is-active a {
    margin-left: -9px;
}

.tab-item.mobile ul li.is-active {
    list-style-type: square;
    margin-left: 9px;
}

.tab-item.mobile ul li.is-active a {
    margin-left: -8px;
}

.tab-header-title {
    float: left;
    text-align: left;
    height: 3.8rem;
    color: #ffffff;
    text-transform: none;
    font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
    font-size: 2.1rem;
    font: 2.1rem "TradeGothicW01-BoldCn20 675334", sans-serif;
    margin-right: 1.0rem;
}

.tab .tab-header-title {
    color: #002d56;
    margin-right: 0;
}

.soc-tab .tab-header-title {
    color: #002d56;
    margin-right: 0;
}

.tab-header-text {
    margin-top: 0.7rem;
    padding-left: 1.5rem;
    margin-right: 0px;
    height: 3.8rem;
}

.tab .tab-header-text {
    padding-left: 1.0rem;
    height: 3.1rem;
    margin-top: 1.1rem;
}

.soc-tab .tab-header-text {
    padding-left: 1.0rem;
    height: 3.1rem;
    margin-top: 1.1rem;
}

.tab-section {
    width: 100%;
    background-color: white;
    margin: 0;
    padding-bottom: 5.0rem;
}

.bg-box .tab-section {
    border-bottom: 2px solid #c2c9c6;
}

.tab-section.tab-section-center {
    margin: 0 auto;
}

.tab-section .row .tab {
    top: initial;
    bottom: -5rem;
    left: 1.0rem;
    border-bottom: 3.2rem solid #c2c9c6;
    padding-left: 1.0rem;
}

.tab-section .row .columns .tab {
    border-bottom: 3.2rem solid #ffffff;
    bottom: 0;
    left: 0;
}

.tab-section .row .tab.is-right {
    left: auto;
}

.tab-section .row #social-tab .tab-item {
    padding-left: 1.5rem;
}

.tab-section .row #social-tab .tab-item.tab {
    display: inline-block;
    top: initial;
    bottom: 0;
    left: 0;
    border-bottom: 5.2rem solid white;
    border-right: 2.2rem solid transparent;
}

.tab-section .row .tab p a {
    color: #ffffff;
    font-weight: normal;
    white-space: nowrap;
    letter-spacing: -.25px;
    
}

.tab-section .row .tab p a,
.tab-section .row .tab p a:hover {
     text-decoration: none;
}

.tab-item.is-active.tab .tab-header-text a,
.tab-header-text a {
  font-weight:normal;
  color:#002d56;
}

.tab-header-text a:hover {
  color:#002d56;
}

.more .tab-header-text {
  float:left;
}

.more .tab-header-text:before, .tab-header-text > #the-section:before {
  content:" ";
  display:block;
  width:1.5rem;
  height:.9rem;
  background:url(../img/icon-arrow-down-white.svg) center no-repeat;
  background-size: contain;
  float:right;
  margin-top:1rem;
  margin-left:1rem;
}

.more.tab .tab-header-text:before, .mobile.tab .tab-header-text > #the-section:before {
  background:url(../img/icon-arrow-down-blue.svg) center no-repeat;
  background-size: contain;
}

.mobile.tab li > a {
  font-size:1.9rem;
}


.arrow-nav {
    height: 57px;
    width: 57px;
    background-color: #c2c9c6;
    float: none;
    position: absolute;
}

.arrow-nav a {
  display:block;
  width: 100%;
  height: 100%;
}

.arrow-nav.left-arrow {
    left: 0;
    margin-left: 1.0rem;
}

.arrow-nav.right-arrow {
    right: 0;
    margin-right: 1.0rem;
}

.arrow-nav.left-arrow a {
  background:url(../img/icon-arrow-left-white.svg) center no-repeat;
}

.arrow-nav.right-arrow a {
  background:url(../img/icon-arrow-right-white.svg) center no-repeat;
}







.para-bg {
    background-color: rgba(8,43,74,0.85);
    padding: 0;
    position: relative;
    width: 100%;
    float: left;
    margin: -51px 0;
}

.med .para-bg {
    background-color: rgba(159,37,45,0.85);
    padding: 0;
    position: relative;
    width: 100%;
    float: left;
    margin: -51px 0;
}

.p_careers.mobile .para-bg {
    background-color: rgba(8,43,74,1.0);
    padding: 0;
    position: relative;
    width: 100%;
    float: none;
    margin: 0;
}

.p_careers.mobile.med .para-bg {
    background-color: rgba(159,37,45,1.0);
    padding: 0;
    position: relative;
    width: 100%;
    float: none;
    margin: 0;
}

.gallery-hover {
    display: block;
    position: absolute;
    z-index 30;
    opacity: 0;
    padding-right: 1.5rem;
    height: 100%;
}

.gallery-item:hover .gallery-hover {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    overflow: hidden;
    padding-right: 1.5rem;
    opacity: 1.0;
}

.gallery-item:hover .para-bg {
    opacity: 0;
}

body.gallery-component #tab-item-list .tab .tab-header-text a {
    color: #002d56;
}
body.gallery-component #tab-item-list .tab-header-text a {
    color: #ffffff;
}

.p_careers.med .inner-hover {
    display: table;
    width: 100%;
    position: relative;
    height: 100%;
    background-color: rgba(159,37,45,0.85);
}

.hover-content {
    display: table-cell;
    position: relative;
    float: none;
    vertical-align: middle;
}

.career-img {
}

.border-container {
    float: left;
    background-color: #ad0000;
}

.career-img-container {
    float: left;
    border-left: 3px solid #fff;
    margin-left: 50px;
}


.career-desc {
}

.career-desc-title {
    font-size: 2.1rem;
    line-height: 2.1rem;
    color: #002d56;
    margin-bottom: 1.2rem;
}

.career-desc p {
    color: #363b48;
    font-size: 1.4rem;
    line-height: 2.5rem;
    margin: 0;
}

.career-desc ul {
    float: left;
    list-style: disc inside;
    display: block;
    padding: 0 0 0 20px;
    margin: 0;
}

.career-desc li {
    float: left;
    list-style: disc inside;
    text-indent: -1.4rem;
    font-size: 1.4rem;
    line-height: 2.5rem;
}

.row.career-detail-intro {
    margin: 9rem auto 1.9rem;
}

.p_career-detail .career-learn-more {
    font-size: 3.2rem;
    line-height: 3.2rem;
    font-weight: bold;
    margin-top: 2.5rem;
    color: #002d56;

}

.career-learn-more {
  font-family:"TradeGothicW01-BoldCn20 675334", "Oswald", sans-serif;
  font-size: 3.2rem;
  color: #002d56;
  line-height:1;
}

.is-toolbar .career-learn-more {
    color: #ffffff;
    height: 3.2rem;
}










.pay-toggle {
    float: none;
}

.pay-toggle .pay-container {
    width: 206px;
    float: none;
    margin: 0 auto;
}

.pay-toggle .switch {
    width: 83px;
    height: 3.2rem;
    margin: 1.8rem 0;
    padding: 0;
    font-family: "TradeGothicW01-BoldCn20 675334";
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 3.2rem;
    text-align: center;
    text-transform: capitalize;
    transition: all 0.2s ease;
}

.officer-toggle {
    float: left;
    background-color: #c4cbc8;
    color: #ffffff;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.37);
    -moz-box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.37);
    box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.37);
}

.enlisted-toggle {
    float: left;
    background-color: #ffffff;
    color: #002d56;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.17);
    -moz-box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.17);
    box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.17);
    border-top: 1px solid #a9bdc9;
    border-left: 1px solid #a9bdc9;
}

.officer .officer-toggle {
    background-color: #ffffff;
    color: #002d56;
    -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.17);
    -moz-box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.17);
    box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.17);
    border-top: 1px solid #a9bdc9;
    border-right: 1px solid #a9bdc9;
}

.officer .enlisted-toggle {
    background-color: #c4cbc8;
    color: #ffffff;
    -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.37);
    -moz-box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.37);
    box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.37);
}



.p_career-detail .tab_section {
    margin: 0;
}

.career-detail ul ul {
    padding-left: 15px;
}

.career-detail li {
    font-size: 1.4rem;
    line-height: 1.2;
    padding-bottom:1.4rem;
}

ul.specialties-list > ul {
    padding-left: 0;
}

ul.specialties-list > ul li:before {
    content: "- ";
}

.border-left {
  padding-left:1.5rem; /* This is only here as an override for the 12px components border-left class*/
}

.career-detail .border-left {
  padding-left: 1rem !important;/* This is only here as an override for the 35px and 12px components career-detail + border-left class*/
  margin-top: 0;
  text-align: left;
  margin-bottom: 0;
  padding-bottom:3.1rem;
  border-left:none; /* Eliminate border for mobile */
}

.p_physician .career-detail .border-left {
    border-left: 8px solid #ad0000;
}

.career-detail-img {
    padding-left: 2.5rem;
    display: none;
}

.career-detail-img img {
    width: 100%;
}

.career-detail p {
    color: #363b48;
    margin-bottom: 1.5rem;
}

.career-detail .after-img p {
    color: #363b48;
    font-size: 1.3rem;
    line-height: 1.9rem;
    margin-top: 3rem;
}

.career_section_header {
  font-family: "Trade Gothic W01 Light", "Oswald", sans-serif;
  font-size: 2rem;
  color: #af2a33;
  margin: 0;
  margin-bottom: 1.9rem;
  line-height: 1.3;
}

.career_section_header.padded {
    margin-top: 4rem;
}

.commitment-container {
    position: absolute;
    width: 100%;
    margin-top: 0;
    padding-top:1.5rem;
}

.commitment-type-container {
  padding-bottom:4.4rem;
}

.tab_section_commitment_type {
    display: block;
    width: 83px;
    font-family: "Arial",sans-serif;
     font-weight: bold;
    font-size: 1.4rem;
    color: white;
    padding: 0px;
    line-height: 57px;
    height: 57px;
    background-color: #002d56;
    vertical-align: middle;
    text-align: center;
    position: relative;
    z-index: 9;
    transition: all 0.1s ease;
    opacity: 1.0;
    margin: 0 auto;
}

.healthcare .tab_section_commitment_type {
  font-family: "Arial",sans-serif;
  font-weight: bold;
  background-color: #af2a33;
}

.tab_section_commitment_type.part {
    opacity: 0.0;
    display: none;
}

.part-time .tab_section_commitment_type.part {
    opacity: 1.0;
    background-color: #daceb8;
    color: #002d56;
    display: block;
}

.healthcare .part-time .tab_section_commitment_type.part {
    opacity: 1.0;
    background-color: #daceb8;
    color: #ad0000;
    display: block;
}

.part-time .tab_section_commitment_type {
    opacity: 0.0;
    display: none;
}

.part-time .tab-section.part-time-section {
    display: block;
}

.full-time .tab-section.part-time-section {
    display: none;
}

.part-time .tab-section.full-time-section {
    display: none;
}

.full-time .tab-section.full-time-section {
    display: block;
}

.section-folder {
    display: none;
}
/*
.is-toolbar .section-folder {
    margin-top: 8.1rem;
}
*/
.section-folder.selected-folder {
    display: block;
}

#social-tab .section-folder.soc-selected-folder {
    display: block;
}

.tab-bar {
    display: inline-block;
    background-color: #c2c9c6;
    height: 38px;
    padding: 0;
    margin-bottom: 0;
    width: 100%;
}

.tab-bar.dark-gray {
    background-color: #c2c9c6;
}






.bread-crumb {

}

.bread-crumb li {
    display: inline-block;
    float: left;
}

.bread-crumb li a {
    color: #8f9693;
    font-family: Arial, sans-serif;
    font-size: 1.05rem;
    font: 1.05rem Arial, sans-serif;
    font-weight: bold;
}


.animation-container {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top:0;
  -webkit-backface-visibility: hidden;
  overflow: hidden;
}

.animation-container>a {  /* Ratio based container */
  display: block;
  width: 100%;
  position: relative;
  height: 0;
  padding-top: 66.666666666667%; /*This is 3:2 ratio container*/
  overflow: hidden;
  /*background-color: #eeeeee;*/
}

.standard-container {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top:0;
  -webkit-backface-visibility: hidden;
}

.standard-container a {  /* Ratio based container */
  display: block;
  width: 100%;
  position: relative;
  height: 0;
  padding-top: 66.666666666667%; /*This is 3:2 ratio container*/
  overflow: hidden;
  background-color: transparent;
}

.standard-container a.border-bottom:after, .standard-container a.border-top:after {  /* Ratio based container */
  left: 0;
  right: 0;
  z-index: 1;
}

.standard-container img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  -moz-transition: all 90ms ease-in-out;
  -webkit-transition: all 90ms ease-in-out;
  transition: all 90ms ease-in-out;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: 0px 0px 70px 3px rgba(0, 0, 0, 0.3);
}

.one-to-one .animation-container a {  /* Ratio based container */
  padding-top: 100%; /*This is 1:1 ratio container*/
}

.sixteen-to-nine .animation-container a {  /* Ratio based container */
  padding-top: 56.25%; /*This is 16:9 ratio container*/
}

.animation-container>a>img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  -moz-transition: all 90ms ease-in-out;
  -webkit-transition: all 90ms ease-in-out;
  transition: all 90ms ease-in-out;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: 0px 0px 70px 3px rgba(0, 0, 0, 0.3);
  -webkit-backface-visibility: hidden;
}

.animation-container:hover>a>img, .animation-container:focus>a>img {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transform-origin:center;
  transform-origin:center;
}

.animation-container .tab.is-right,
.standard-container .tab.is-right {
    right: 0;
}

.standard-container .tab p {
    font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
    font-size: 1.9rem;
    font: 1.9rem "TradeGothicW01-BoldCn20 675334", "Oswald", sans-serif;
}

.standard-container .tab {
  -webkit-transition: all 100ms ease-in-out;
     -moz-transition: all 100ms ease-in-out;
      -ms-transition: all 100ms ease-in-out;
       -o-transition: all 100ms ease-in-out;
          transition: all 100ms ease-in-out;
}

.standard-container .tab p > span {
  padding-left:.3rem;
  -webkit-transition: all 100ms ease-in-out;
     -moz-transition: all 100ms ease-in-out;
      -ms-transition: all 100ms ease-in-out;
       -o-transition: all 100ms ease-in-out;
          transition: all 100ms ease-in-out;
}

.standard-container a:hover .tab p>span {
  margin-left:.3rem;
  margin-right:-.3rem;
}

.tab.no-tab {
display: none;
}

.is-right.tab {
    bottom:0;
    right: 1.0rem;
}

.tab p a {
    color: #002d56;
    font-size: 2.1rem;
    font-weight: normal;
}

.tab p a span {
    transition: all 100ms ease-in-out;
}

.tab-section .small-12 {
    padding: 0 2rem;
}

.tab-section.generic-tab-section .small-12 {
    padding: 0 1rem;
}

.generic-tab-section {
    padding: 8.1rem 1rem 3.1rem;
    position: relative;
}

.tab-section .after-img.caption p, .tab-section p.my-paragraph.caption {
color: #363b48;
}

a.border-bottom.red:after {border-bottom: 10px solid #af2a33;}

.after-img.caption.red {
border-left: 4px solid #af2a33;
}

.columns .sub-head.content {
    line-height: 1;
    padding-bottom: 1.0rem;
    color: #002d56;
}

.border-image img {
    padding-left: 0.2rem;
    background: white;
    max-width: 100%;
}

.border-image.border-left img {
    border-left: 5.5rem solid transparent;
}

.style-1 .tab p {
    color: #002d56;
}

.style-2 .tab p {
    color: #002d56;
}

.style-3 .tab p {
    color: #042f56;
}

.standard-overlay {
  position:absolute;
  width:100%;
  height:100%;
  bottom: 0;
  height: 20%;
  -webkit-transition: height 100ms ease-out, background 75ms ease-out;
  -moz-transition: height 100ms ease-out, background 75ms ease-out;
  transition: height 100ms ease-out, background 75ms ease-out;
  left: 0;
  right: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}

.standard-overlay span {
    display: none;

    }

.animated-overlay {
  position:absolute;
  width:100%;
  height:100%;
  bottom: 0;
  height: 20%;
  -webkit-transition: height 100ms ease-out, background 75ms ease-out;
  -moz-transition: height 100ms ease-out, background 75ms ease-out;
  transition: height 100ms ease-out, background 75ms ease-out;
  left: 0;
  right: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;

}

.animated-overlay .bg-animate {
    width: 105%;
    height: 1.1rem;
    background:rgba(0, 45, 86, 1);
      -webkit-transition: height 100ms ease-out, background 75ms ease-out;
      -moz-transition: height 100ms ease-out, background 75ms ease-out;
      transition: height 100ms ease-out, background 75ms ease-out;
      left: 0;
      right: 0;
      position: absolute;
    bottom: -0.1rem;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}

.animated-overlay span {
  display:table;
  height:100%;
  width: 100%;
}

.animated-overlay p {
  display:table-cell;
  vertical-align:middle;
  padding: 0 1.4rem;
  text-align:center;
  font:2.4rem "Oswald", sans-serif;
  font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
    font-size: 2.7rem;
  font-weight:400;
  text-transform:uppercase;
  color:rgba(255, 255, 255, 0.0);
  -webkit-transition: color 100ms ease-in-out;
  -moz-transition: color 100ms ease-in-out;
  transition: color 100ms ease-in-out;
  position: relative;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}

a:hover .animated-overlay {
    height: 100%;
}

a:hover .animated-overlay .bg-animate {
    background: rgba(0, 45, 86, .7);
    height: 300rem;
}


a:hover .animated-overlay p {
    color:rgba(255, 255, 255, 1);
}

.animation-container:hover .border-bottom::after,
.animation-container:hover .border-bottom.borer-dark-blue::after {
    bottom: -1rem;
}

.my-paragraph {
  padding: 1.6rem 0;
}

.my-paragraph span {
  font-size: 1.7rem;
}




/* start Events */
.event-component .tab-item {
  display: inline-block !important;
}

.event-component .section-folder .medium-8 {
  margin-left:auto;
  margin-right:auto;
}

.event-component .band.toolbar {
  height:8.1rem;
  margin-top:5rem
}

.event-component .row.is-toolbar {
  margin-top: 9.3rem;
}

.event-component .event-list {
  margin-top:3.1rem;
}

.row.event {
  background:#f2f4f3;
  margin:0;
  padding:3.1rem 0 5.0rem 0;
  border-bottom:solid 2px #c2c9c6;
}


.date-display {
  display: table;
  float: none;
  font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
  text-transform: uppercase;
  line-height: 1;
  color: #002d56;
  background: #ffffff;
  width: 100%;
  margin: 0 auto 1.9rem auto;
}

.date-display p {
  display: table-cell;
  vertical-align: middle;
  color: #002d56;
  font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid #002d56;
  padding: 5%;
  line-height:1;
}

.date-display .month {
  font-size: 4.4rem;
}

.date-display .day {
  font-size: 4.4rem;
  padding-left: 1.5rem;
}

.event-details .description {
  margin-bottom:1.9rem;
}

.event-details p, .event-details p:last-child {
  margin-bottom:.5em;
}

.event-details p:first-child {
  margin-top:0;
  line-height:1.2;
}

.event-details p span {
  font-weight: bold;
  color: #363b48;
  padding-right: 1.5rem;
}

.event-details p a {
  color:#002d56;
}

.event-details p a::after {
    content:" \00BB ";
}

.event-details .row p span::after {
  content:":";
}


/* start Download Component */
.download {
  padding-bottom:4.8rem;
}

.download::after {
  content: "";
  position: relative;
  display: block;
  border-bottom: solid 1px #c2c9c6;
  margin-top: 5.2rem;
}

.download:last-child::after {
  display: none;
}


.download.style-other::after {
  margin-top: 3.8rem;
}

.download:last-child {
  border-bottom: none;
  float:left;
}

.download.no-thumb .download-thumb {
  display:none;
}

.download-thumb {
  width: 100%;
  position: relative;
  margin:0 auto 1.2rem;
}

.download-thumb img {
  position: relative;
  display: block;
  max-width: 50%;
  max-height: 50%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.style-other .download-thumb img {
  max-width: 100%;
  max-height: 100%;
}

.download .button-default-container {
  width:50%;
}

.download.style-other .button-default-container {
  display:block;
  width:100%;
}

.style-other a {
  color:rgba(0, 45, 86, 1);
  -webkit-transition:all 100ms;
  -moz-transition:all 100ms;
  transition:all 100ms;
}

.style-other a:hover {
  color:#002d56;
  text-decoration:underline;
}

.download .button.default {
  font-size:1.9rem;
  -webkit-box-shadow:0px 2px 0px 0px rgba(0, 45, 86, 0.7);
     -moz-box-shadow:0px 2px 0px 0px rgba(0, 45, 86, 0.7);
          box-shadow:0px 2px 0px 0px rgba(0, 45, 86, 0.7);
  background-color: #6593b6;
  color:#ffffff;
}

.download .button.default:hover {
  background:#6593b6;
  line-height:1;
  -webkit-box-shadow:0px 3px 0px 0px rgba(0, 45, 86, 0.7);
     -moz-box-shadow:0px 3px 0px 0px rgba(0, 45, 86, 0.7);
          box-shadow:0px 3px 0px 0px rgba(0, 45, 86, 0.7);
}

.download .button.default:active {
  -moz-box-shadow: 0px 2px 0px 0px rgba(0, 45, 86, 0.7);
  -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 45, 86, 0.7);
  box-shadow: 0px 2px 0px 0px rgba(0, 45, 86, 0.7);
  top: 1px;
}

.download.style-other .button.default:hover, .download.style-other .button.default:active {
  box-shadow:none;
  top:0;
}

.style-pdf .download-title,
.style-other .download-title {
  line-height:1.2;
}

.style-other .download-title {
  margin-bottom:1.2rem;
}

.download-size {
  font-size:1.2rem;
  font-weight:bold;
  line-height:1.5;
  margin-bottom:0;
  text-transform: uppercase;
}


/* start forms - contact & requester */
.form-wrapper {
  margin-bottom:5rem;
}

.form-wrapper .row {
  margin-bottom:3.1rem;
}

p.required {
  font-size:1rem;
  line-height:1.2;
  margin:0 0 1.2rem 0;
}

.form-wrapper h2, #contactinformation > legend>strong, #tellusaboutyourself > legend>strong {
  font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
  font-size:3.2rem;
  font-weight:normal;
  text-transform: uppercase;
  color: #002d56;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 1.9rem;
}

#requester-form-reserve legend,
#requester-form legend {
  margin-bottom:1.2rem;
}

.form-wrapper .form-row {
  margin-bottom:2rem;
}

.form-wrapper .form-row label,
.form-wrapper .prop label {
    margin-bottom:.5em;
}

.form-wrapper .form-row input, .form-wrapper .form-row select,
.form-wrapper .prop input, .form-wrapper .prop select {
    width:100%;
}

.form-row dd.hint,
.prop dd.hint {
    font-size:1.2rem;
}

.form-wrapper .button.default {
  font-size:2.4rem;
  background:#6593b6;
  line-height:1;
  color: #ffffff;
  -webkit-box-shadow:0px 2px 0px 0px rgba(0, 45, 86, 0.7);
     -moz-box-shadow:0px 2px 0px 0px rgba(0, 45, 86, 0.7);
          box-shadow:0px 2px 0px 0px rgba(0, 45, 86, 0.7);
}

.form-wrapper .button.default:hover, .form-wrapper .button.default:focus {
  font-size:2.4rem;
  background:#6593b6;
  line-height:1;
  -webkit-box-shadow:0px 3px 0px 0px rgba(0, 45, 86, 0.7);
     -moz-box-shadow:0px 3px 0px 0px rgba(0, 45, 86, 0.7);
          box-shadow:0px 3px 0px 0px rgba(0, 45, 86, 0.7);
}

.form-wrapper .button.default:focus {
  top:0;
  outline:none;
}

.form-wrapper .button.default:active {
  -moz-box-shadow: 0px 2px 0px 0px rgba(0, 45, 86, 0.7);
  -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 45, 86, 0.7);
  box-shadow: 0px 2px 0px 0px rgba(0, 45, 86, 0.7);
  top: 1px;
}

button#add-another-tel {
    display: none;
}

.page-requester-part-time .row.contact-section {
    margin-right: 0;
    margin-left: 0;
}

.form-wrapper dd.value input[type="radio"] {
    width: auto;
    margin-top:1rem;
}

label[for=dateDischarged] em.parenthetical > samp {
    display: none;
}

label[for=dateDischarged] em.parenthetical > dfn::after {
    content: "yyyy/dd/mm";
}

/*start Poll*/
.poll .poll-error {
    color: #c00;
}

.poll .form-group {
  text-align:left;
}

.poll-results {
  margin-left:0;
  padding-left:0;
}

.poll-results li {
    overflow: hidden;
    margin: 1rem 0;
    height:1%;
    list-style:none;
}

.poll-results li dfn {
    display: block;
    float: left;
    min-width: 1px;
    padding: 19px 0 0 0;
    background: transparent url("../img/bgs/poll-result-gradient.png") top left repeat-x;
    color: #363b48;
    font-style: normal;
    white-space: nowrap;
}

.poll-results li dfn em {
    display: block;
    padding: 0;
    font-style: normal;
    white-space:normal;
    min-width: 20rem;
    margin: .5em 0;
}

.poll-results li span.score {
    padding: 0 0 0 1rem;
    line-height: 21px;
}

.form-wrapper .poll p.total-votes dfn {
    color: #363b48;
    font-style: normal;
}

.poll-wrapper {
  border-top: 10px solid #6593b6;
  border-bottom: 10px solid #6593b6;
  padding: 3.1rem 1rem;
  line-height:1.5;
}

.poll-wrapper::before, .poll-wrapper::after {
  content: "";
  border-left: 1px solid #c2c9c6;
  position: absolute;
  top: 0;
  height: 100%;
}

.poll-wrapper::before {
  left: 1rem;
}

.poll-wrapper::after {
  right: 1rem;
}

.poll-wrapper h2 {
  font-size: 4rem;
}

.poll-container {
  padding-top: 1.9rem;
}

.poll-container .form-wrapper {
  margin-bottom:0;
}

.poll-container dt {
  margin-bottom: 2.4rem;
}

.poll-container label {
  color: #363b48;
}

.poll-container .button.default {
  padding:1rem 4rem;
  min-width:20rem;
}

.poll-container .form-wrapper .row {
  margin-bottom: 1.9rem;
}

.thanks-for-voting {
  font-family: "Trade Gothic W01 Light", "Oswald", sans-serif;
  font-size:2.1rem;
  margin-top:0;
  margin-bottom:1em;
}


/* stories of service styling updates */
#stories-of-service > p.intro { /*removes unnecessary padding*/
  padding-left: 0;
  padding-right: 0;
  font-size: 1.4rem;
}

#career-dropdown {
  font-family: "TradeGothicW01-BoldCn20 675334", "Oswald", sans-serif;
  font-size: 1.9rem;
  font-weight: normal;

}

#career-dropdown.large-4 {
    float: right;
    margin-top: 0px;
}

#stories-container p.large-8 {
    float: left;
}

#stories-grid .story-grid-item h2, #stories-grid .story-grid-item h3, #stories-grid .story-grid-item h4, #stories-grid .story-grid-item p {
  font-family: "TradeGothicW01-BoldCn20 675334", "Oswald", sans-serif;
}

#stories-grid .story-grid-item h2 {
  margin-bottom: 0;
  font-size: 4.0rem;
}

#stories-grid .story-grid-item .grid-item-text h4 {

  line-height: 1.2;
}

#stories-grid .story-grid-item .grid-item-text blockquote {
  line-height: 2.1rem;
  margin-top: .6rem;
}

#stories-grid .story-grid-item .grid-item-text blockquote cite {
  font-style: italic;
  margin-top: 1.2rem;
  line-height: 1.2;
}

.title-text {
  font-family: "TradeGothicW01-BoldCn20 675334", "Oswald", sans-serif;
  font-weight: normal;
  font-size: 1.9rem;
}

#stories-grid .story-grid-item .read-story .arrows {
  font-size: 12px;
  line-height: 2;
}

#stories-of-service > .grid-content.full-width.visible > .row {
  margin-left: 0;
  margin-right: 0;
}

#stories-grid .grid-content h3 {
  font-family: "Trade Gothic W01 Light", "Oswald", sans-serif;
  font-size: 1.9rem;
  font-weight: normal;
  text-transform: none;
}

#stories-grid .grid-content .main-content {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

#stories-grid .grid-content .video-container > iframe {
  width: 100%;
}

#stories-grid .grid-content p.media-caption {
  line-height: 1.8;
}

#stories-grid .grid-content .secondary-content {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

#stories-grid .grid-content .secondary-content .primary-quote {
  font-family: "Trade Gothic W01 Light", "Oswald", sans-serif;
  font-weight: normal;
  line-height:1.5;
  padding-left: 3.0rem;
  padding-right: 3.0rem;
}

#stories-grid .grid-content .secondary-content .primary-quote cite {
  font-style: italic;
  margin-top: .5em;
}

#stories-grid .grid-content .secondary-content .secondary-quote h4 {
  margin-top: 0;
  margin-bottom: .5em;
}

#stories-grid .grid-content .secondary-content .secondary-quote span, #stories-grid .grid-content .secondary-content .secondary-quote cite {
  line-height: 1.5;
}
/* end stories of service updates */

/* search */
.page-search.gallery-component .band.toolbar {
  height: 8.1rem;
  margin-top: 3rem;
}

.page-search.gallery-component .row.is-toolbar {
  margin-top: 1.2rem;
}

.page-search.gallery-component .is-toolbar .tab-item-list {
  background-color: #002d56;
}

.page-search.gallery-component .tab-bar {
  background-color: #002d56;
  padding-top: 4.1rem;
  height: auto;
}

.search-result-text {
  margin-top: 3.1rem;
}

.container-grid .search-result-text {
  margin: 0;
}

.result-stats p {
  margin: 0;
}

.search-result-text h3 a {
  font-family: "Trade Gothic W01 Light", "Oswald", sans-serif;
  font-size: 2.1rem;
  font-weight: normal;
  text-transform: none;
  line-height: 1.5;
  margin: 0;
}

.search-result-text h3 a:hover {
  color: #002d56;
}

a.result-url {
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  letter-spacing: .05em;
  line-height: 1.5;
  margin: .5em 0;
}

a.result-url:hover {
  text-decoration: underline;
  color: #002d56;
}

.search-result-text p {
  line-height: 2.5rem;
}

.search-result-text p::after {
  content: " ";
  display: block;
  border-top: solid 1px #c2c9c6;
  margin: 3.1rem 0;
}

.search-result-text p:last-child::after {
  border-top: none;
  margin: 3.1rem 0;
}

.search-result-text p a {
  color:#002d56;
}








.promo-title {
    font-size: 3.2rem;
    font-family: "TradeGothicW01-BoldCn20 675334", "Oswald", sans-serif;
    line-height: 3.2rem;
    text-transform: uppercase;
    color: #ffffff;
}

.promo .sub-head {
    color: #ffffff;
    line-height: 2.5rem;
    font-size: 1.9rem;
    font-weight: 100;
    font-family: "Trade Gothic W01 Light", "Oswald", sans-serif;
    padding-top: 0.5rem;
}

.promo-img-container span.has-shadow {
    position:relative;
    display: inline-block;
}

.promo-img {

}

.responsive-container {
    position: relative;
    width: 100%;
    border: 1px solid black;
}

.dummy {
    padding-top: 100%; /* forces aspect ratio */
}

.promo-img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align:center; /* Align center inline elements */
    font: 0/0 a;
}

.promo-img-container.show-for-small-only {
    position: relative;
    padding: 3.0rem 0 3.0rem;
}

.promo-img-container .centerer {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.promo-img-container img {
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    max-width: 100%;
}

.promo-left {
    padding: 2rem 0 5.1rem;
}

.promo .tab.float-right a {
    padding-top: 0.5rem;
    position: relative;
    display: block;
    font-weight: normal;
}


.promo .tab.float-right a,
.promo .tab.float-right a:hover {
     text-decoration:none;
}

.promo .tab.float-right p {
    display: block;
    position: relative;
    margin: 0;
}

.promo .tab:hover p span {
padding-left: 0;
}

.promo .tab p a span {
    left: inherit;
    width: inherit;
    position: relative;
    float: right;
    display: inline-block;
    height: inherit;
    top: inherit;
    padding-left: 0.4rem;
    clear: none;
}

.promo .tab:hover p a span {
    padding-left: 0.4rem;
}


/* ################################################################
###########################  MASTHEAD  ############################
################################################################ */



.masthead {
    background-color: transparent;
    height: 531px;
    width: 100%;
    float: none;
    margin: 0 auto;
    color: #FFFFFF;
    position: relative;
    vertical-align: top;
}

.masthead-item {
    height:498px;
}

.masthead-item p {
    color: #ffffff;
}

#masthead .show-for-small h1 {
    margin-bottom: 1.5rem;
}

#masthead .show-for-small p {
    margin-bottom: 5.0rem;
}

.masthead-item a {
font-size: 1.4rem;
font-weight: bold;
transition: all 100ms ease-in-out;
color: #ffffff;
}

.masthead-item a:hover {
color: #ffffff;
}

.masthead-item a:hover span {
padding-left: 0.2rem;
}

.masthead-item.is-left {
    width:100%;
}

.masthead-item.is-right {
    width:100%;
    margin-bottom: 6rem;
}

.masthead .subhead p:last-child {
    margin-bottom: 0;
}

.masthead .style-1 p {
    color: #363b48;
}

.masthead h3.sub-head {
    margin: 0;
    line-height: 1.2;
}

.masthead .col-panel.style-1 .sub-head {
    color: #002d56;
}

#masthead .columns {
    padding-left: 0;
    padding-right: 0;
}

.masthead-left {
    position: relative;
    /*background: url("../img/masthead/masthead-left.jpg") no-repeat;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:center;
    z-index: 1;
    overflow: visible;
}

.p_physician .masthead-left {
    background: url("../img/temp/physician-masthead.png") no-repeat;
    background-size: cover;
}



.masthead-left .subhead {
    width: 100%;
    position: relative;
    display: block;
    float: left;
    line-height: 1.5;
    padding: 12px 70px 18px 14px;
    background-color: #363b48;
    background-color: rgb(54, 59, 72);
    background-color: rgba(54, 59, 72, 0.75);
}

.style-2 .masthead-left .subhead.no-bg {
    background-color: transparent;
}

.masthead-left h2 {
    text-transform: uppercase;
    font-size: 3.2rem;
    color: #FFFFFF;
    font-weight: normal;
    margin: 0 0 5px -2px;
}

.masthead-left h2 span {
    float: left;
    width: auto;
    display: block;
    line-height: 1;
    padding: 5px 5px 5px 15px;
    background-color: #002d56;
    background-color: rgb(0, 45, 86);
    background-color: rgba(0, 45, 86, 0.8);
}

.style-2 .masthead-left h2 span {
    font-size: 6.0rem;
    font-family: "TradeGothicW01-BoldCn20 675334", "Oswald", sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    border-bottom: 1px solid white;
}

.masthead-left h3 {
    font-size: 2.1rem;
    font-weight: 100;
    color: #ffffff;
}

.masthead-right {
    position: relative;
    /*background: url("../img/masthead/masthead-right.jpg") no-repeat;*/
    background: #6593b6;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:center;
    z-index: 1;
    overflow: hidden;
}

.healthcare .masthead-right {
    background: #af2a33;
}

.red .masthead-right {
    background: #af2a33;
}


.light-blue .masthead-right {
    background: #6593b6;
}

.dark-gray .masthead-right {
    background: #c2c9c6;
}

.red .masthead-right .button.default a {
    color: #af2a33;
}

.light-blue .masthead-right .button.default a, .dark-gray .masthead-right .button.default a {
    color: #002d56;
}



.masthead-right h3 {
    width: 90%;
    font-size: 2.4rem;
    text-align: center;
    line-height: 1;
    margin: 0 21px;
    float: none;
    margin: 0 auto;
    display: block;
}

.masthead-right button {
    display: block;
    float: none;
    margin: 18px auto 38px;
    height: 42px;
    width: 80px;
    color: transparent;
    overflow: hidden;
    background: url("../img/masthead/play-btn.png") no-repeat;
    border: none;
}

.masthead-right button:hover {
    opacity: 1;
}

.p_benefits {
    color: #363b48;
}

.p_benefits .masthead .masthead-left{
    background: url("../img/temp/benefits-masthead.png") no-repeat;
    background-size: cover;
}

.p_ways-to-join .masthead .masthead-left{
    background: url("../img/temp/waystojoin-masthead.png") no-repeat;
    background-size: cover;
}

.p_ways-to-join p {
    margin-bottom: 30px;
}

#masthead-static .masthead-right {
    background: #6593b6;
    text-align: center;
    padding: 170px 22px 0;
}

#masthead-static h3 {
    font-size: 3.2rem;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 3.2rem;
    margin-bottom: 10px;
}

#masthead-static p {
    font-size: 2.1rem;
    line-height: 2.1rem;
}

style-2.position-wrapper.left {
    padding-bottom: 4%;
}

.position-wrapper.right {
    width: 100%;
    height: 100%;
    position: relative;
}

.masthead-item .table {
    display: table;
    float: none;
    height: 100%;
    width: 100%;
}

.masthead-item .table-cell {
  display: table-cell;
  vertical-align: middle;
  padding: 3rem;
  margin: 0;
}


.bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.bottom.single-title {
    width: 100%;
}

.bottom.single-title span {
    font-size: 6.0rem;
    line-height: 6.0rem;
    margin-bottom: 46px;
    border-bottom: 1px solid #ffffff;
}



/*New Masthead*/

.bottom {
    position: relative;
}

.masthead-item {
    height: auto;
}

.masthead {
    height: auto;
}

.ratio-wrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 0;
}

.is-active .ratio-wrapper {
    padding-bottom: 56.25%;
}

.masthead-left .ratio-wrapper {
    padding-bottom: 56.25%;
}

.ratio-wrapper.clear {
    padding: 0;
}

.position-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.inside-wrapper {
    width: 100%;
    height: 1px;
}

.masthead .primary-copy {
  font-size: 3.2rem;
  font-family: "TradeGothicW01-BoldCn20 675334", "Oswald", sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  margin: 0 0 1rem 0;
  position: relative;
  max-height:none;
  line-height: 1.2;
}

.masthead .primary-copy.quote {
  font-size: 1.9rem;
  font-family: "Trade Gothic W01 Light",sans-serif;
  line-height: 1.5;
  text-align: left;
  text-transform: none;
}

.masthead .secondary-copy {
  font-size: 2.1rem;
  font-family: "Trade Gothic W01 Light",sans-serif;
  line-height: 1.5;
  color: #ffffff;
  margin: 0 0 1em 0;
  text-align: center;
}

.masthead .secondary-copy.quote {
  font-size: 1.0rem;
  font-family: "Arial", "Helvetica", sans-serif;
  font-weight: bold;
  color: #ffffff;
  text-align: right;
  margin: 0 0 3rem 0;
  float: none;
  text-transform: uppercase;
}


.style-2 .masthead-left .subhead {
  display:none !important; /* Override foundation inherit */
}

.style-2 .masthead-item.is-right {
  margin-top:0;
}

.masthead .button.default {
    background: #ffffff;
}

.masthead .button-default-container {
  display: table;
  float: none;
  margin: 0 auto;
}

#masthead-right {
  transition:none;
  float: left;
}

.masthead .has-shadow:after {
    display: none;
}

.masthead .masthead-left.has-shadow:after {
    display: block;
}

.style-2 .masthead .masthead-left.has-shadow:after {
    display: none;
}

.masthead .show-for-small h2 {
    font-size: 3.2rem;
    line-height: 4.1rem;
    font-family: "TradeGothicW01-BoldCn20 675334", "Oswald", sans-serif;
    text-transform: uppercase;
    color:#002d56;
}

.style-1 .subhead.show-for-small {
    margin-top: 4.0rem;
}

.style-2 .subhead.show-for-small {
    margin-top: 0;
    display: none !important;
}

.masthead-home .masthead-right, .masthead-home.red .masthead-right {
    background: url("../img/masthead/masthead-right.jpg") #6593b6 no-repeat;
    background-size: cover;
    overflow: hidden;
    background-position: top;
    background-size: contain;
    overflow: hidden;
    height: auto;
}

.masthead-home .button-default-container .button.video {
    color: transparent;
    background: url("../img/bret/icon-play.svg") no-repeat;
    position: relative;
    background-position: center;
    opacity: 0.9;
    -webkit-filter: drop-shadow( 0px 2px 0px rgba(0,0,0,0.5) );
    -webkit-transition: all 200ms ease-in-out;
         -moz-transition: all 200ms ease-in-out;
          -ms-transition: all 200ms ease-in-out;
           -o-transition: all 200ms ease-in-out;
              transition: all 200ms ease-in-out;
}

.masthead-home .button-default-container .button.video:hover {
    opacity: 1.0;
}

.masthead-home .masthead-item .table {
    padding: 57% 0 0;
    height: 14.8rem;
}

.masthead-home .masthead-item .table-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 1.5rem;
    margin: 0;
}

.masthead-home .button-default-container .button.video a {
    color: transparent;
}

.masthead-home .masthead .primary-copy {
    font-size: 1.9rem;
}


@media only screen and (min-width: 64.063em) and (max-width: 75.0em) {
    .masthead .primary-copy.quote {
    font-size: 2.1rem;
    font-family: "Trade Gothic W01 Light", "Oswald", sans-serif;
    line-height: 2.6rem;
    color: #ffffff;
    text-align: left;
    margin-top: 5.6rem;
    margin: 5.6rem 2.5rem 2rem;
    position: relative;
    max-height: 29rem;
    overflow: hidden;
}
}

/*End New Masthead*/

.calc .outer {
    width: 100%;
    background: #daceb8;
    padding: 2rem;
    font-family: "TradeGothicW01-BoldCn20 675334", "Oswald", sans-serif;
    font-size: 1.9rem;
    font: 1.9rem "TradeGothicW01-BoldCn20 675334", "Oswald", sans-serif;
    text-transform: uppercase;
}

.calc .title {
    font-family: "TradeGothicW01-BoldCn20 675334", "Oswald", sans-serif;
    font-size: 1.7rem;
    font: 1.7rem "TradeGothicW01-BoldCn20 675334", "Oswald", sans-serif;
    line-height: 1.2;
    font-weight: normal;
    color: #002d56;
    text-transform: uppercase;
}

.calc .inner {
    background: #ede7dc;
    width: 100%;
    margin-top: 1.8rem;
    overflow: hidden;
    padding: 1.9rem 1.9rem 0;
}

.calc .text-box-overview {
    text-transform: none;
    margin: 0;
    line-height: 1.5;
}

.calc #tab-officer .inner, .calc #tab-enlisted .inner {
    margin-top:0;
}

html.js .calc .button-wrapper {
    display:none;
}

.pay-toggle .switch {
    margin: 0 auto 1.9rem;
}

div.officer-toggle {
    float: left;
    background-color: #c4cbc8;
    color: #ffffff;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.37);
    -moz-box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.37);
    box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.37);
}

.calculator .inner {
    padding: 0 1.9rem;
}

.toc-box-section {
    font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
    font-size: 1.9rem;
    font: 1.9rem "TradeGothicW01-BoldCn20 675334", sans-serif;
    line-height: 2.7rem;
    color: #002d56;
    text-transform: uppercase;
    font-weight: normal;
}

.ui-btn-text {
    display: none;
}

.ui-btn-arrow {
    position: relative;
    width: 100%;
    display: block;
}

.ui-btn-inner {
    width: 100%;
    position: relative;
    display: block;
}

.ui-icon-arrow-d {
    background: #ffffff;
    float: none;
    position: absolute;
    right: 0;
    height: 4.0rem;
    width: 15.75%;
    border-left: 1px solid #afb4b2;
}

.ui-btn-up-c select {
    -webkit-appearance: none;
    border-radius: 0;
    border: none;
    line-height: 2.8rem;
    height: 4.0rem;
    background: #ffffff;
    font-family: "Arial", sans-serif;
    font-size: 1.6rem;
    font: 1.6rem "Arial", sans-serif;
    font-weight: bold;
    color: #002d56;
    width: 100%;
    padding: 0 0 0 1.2rem;
}

.relative {
    position: relative;
    width: 100%;
    clear: both;
}

.inner .relative {
    margin-bottom: 1.8rem;
}

.calc dl {
    clear: both;
    float: left;
    width: 100%;
    margin: 1.8rem 0;
    border-bottom: 1px solid #d1c5b0;
}

.calc dl:nth-child(1) {
    margin-top: 0;
}

.calc dt {
    float: left;
    margin-bottom: 1.8rem;
    font-weight: normal;
    color: #002d56;
    margin-bottom: 1.2rem;
}

.calc dt label {
  font-weight: normal;
  color: #002d56;
  clear: both;
}

.calc label[for=yearOfService-enlisted] {
  font-weight: normal;
  color: #002d56;
  clear: both;
}

.calc dd {
    float: right;
}

.calc dd.value {
    float: none;
    clear: both;
    margin-bottom: 0;
}

.calc dd.value dd {
    float: none;
}

.calc select {
    background-size: 14px;
    margin-bottom: 1.9rem;
}

#grade-enlisted, #grade-officer {
    height: auto;
	font-size: 1.1rem;
	padding-right: 2rem;
}

#enlisted-pay-form > div > fieldset:nth-child(2) > dl:nth-child(2) > dd,
#officer-pay-form > div > fieldset:nth-child(2) > dl:nth-child(2) > dd {
    float: left;
    width: 100%;
}

#yearOfService-enlisted,
#yearOfService-officer {
    width: 70%;
    display: inline-block;
    margin-top: 1.2rem;
}

#yearOfService-enlisted-output,
#yearOfService-officer-output {
    background: #ffffff;
    display: inline-block;
    text-align: center;
    padding: .8rem 1.1rem;
    margin-bottom: 1.2rem;
    float: right;
}

dl.result {
    font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
    font-size: 1.4rem;
    font: 1.4rem "TradeGothicW01-BoldCn20 675334", sans-serif;
    line-height: 1.5;
    color: #002d56;
    text-transform: uppercase;
    font-weight: normal;
    border-bottom: none;
     margin: 0 0 1.9rem;
}

dl.result.totalPay {
    margin: 1.9rem 0 0;
    font-size: 1.6rem;
}

dl.result.totalPay dd.output::before {
    content: "$";
}

p.note {
    font-size: 1.2rem;
}

.calc div.slider {
    border-color: #fff;
    border-style: solid;
    border-width: 3px 74px;
    box-shadow: 0 0 6px #000000 inset;
    clear: right;
    cursor: pointer;
    float: left;
    height: 3px;
    margin-top: 19px;
    padding: 0;
    position: relative;
    width: 67%;
}

.calc .slider.range {
    float: right;
    width: 22%;
    height: 40px;
    text-align: center;
    position: relative;
    border: none;
}

.ui-btn-hidden {
    display: none;
}





/* ########################  NEW NAV  ###########################*/

.row.nav {
    margin: 0 auto;
}

.nav .page_header {
    position: relative;
    width: 100%;
}





/* ################################################################
###########################  TEMP  ################################
################################################################ */

#container {
    width: 100%;
    text-align: center;
    float: none;
    margin: 0;
    overflow: visible;
    max-width: 100%;
    background: #ffffff;
    -webkit-box-shadow:-15px 0 10px -15px rgba(0,0,0,.9);
     -moz-box-shadow:-15px 0 10px -15px rgba(0,0,0,.9);
    box-shadow:-15px 0 10px -15px rgba(0,0,0,.9);
    -webkit-transition: all 100ms ease-in-out;
       -moz-transition: all 100ms ease-in-out;
        -ms-transition: all 100ms ease-in-out;
         -o-transition: all 100ms ease-in-out;
            transition: all 100ms ease-in-out;
}

.content-container {
  position: relative;
  margin: 0;
  clear: both;
}

#container.is-pushed {
    -webkit-transition: all 100ms ease-in-out;
         -moz-transition: all 100ms ease-in-out;
          -ms-transition: all 100ms ease-in-out;
           -o-transition: all 100ms ease-in-out;
              transition: all 100ms ease-in-out;
    margin: 0 -27.0rem 0 27.0rem;
}
#fixed-nav.is-pushed {
    -webkit-transition: all 100ms ease-in-out;
         -moz-transition: all 100ms ease-in-out;
          -ms-transition: all 100ms ease-in-out;
           -o-transition: all 100ms ease-in-out;
              transition: all 100ms ease-in-out;
    margin: 0 0 0 27.0rem;
}

#fixed-nav.is-pushed:before {
    width: 100%;
    margin-left: -4.29%;
 }

.content-container.light-blue {
    background-color: #c2c9c6;
    background-size: 212px 0;
    background-repeat: no-repeat;
    height: 160px;
}

.teaser-content-container {
    display: block;
    position: relative;
}

.testing {
    position:relative;
    height: 100%;
}

.locator-temp {
    height: 100%;
    width: 100%;
    background: url("../img/temp/find-recruiter-1.png") no-repeat;
    background-size: 100%;
}


.p_recruiter dd.value input {
    padding: 0 0 0 13px;
    font-size: 1.4rem;
    color: #002d56;
    height: 36px;
    width: 171px;
    margin: 2px;
    border: 1px solid #c1c9c6;
    -webkit-box-shadow: inset 0px 1px 0px 0px #dde1df;
    -moz-box-shadow: inset 0px 1px 0px 0px #dde1df);
    box-shadow: inset 0px 1px 0px 0px #dde1df);
}

.p_recruiter dt, .p_recruiter dd {
    float: left;
    margin: 0 30px 0 0;
    color: #002d56;
}

.p_recruiter dt {
    font-size: 1.4rem;
    padding: 12px 0;
}

.p_recruiter p,.p_never-served p,.p_served-before p {
    color: #363b48;
    font-size: 1.4rem;
    line-height: 2.5rem;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}


.p_events dd.value input {
    padding: 0 0 0 13px;
    font-size: 1.4rem;
    color: #002d56;
    height: 36px;
    width: 171px;
    margin: 2px;
    border: 1px solid #c1c9c6;
    -webkit-box-shadow: inset 0px 1px 0px 0px #dde1df;
    -moz-box-shadow: inset 0px 1px 0px 0px #dde1df);
    box-shadow: inset 0px 1px 0px 0px #dde1df);
}

.p_events dt, .p_events dd {
    float: left;
    margin: 0 30px 0 0;
    color: #002d56;
}

.p_events dt {
    font-size: 1.4rem;
    padding: 12px 0;
}

.p_events {
    color: #363b48;
    font-size: 1.4rem;
    line-height: 2.5rem;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}


.locator-cards {
    margin-top: 50px;
}

.vcard {
    float: left;
    line-height: 2.0rem;
    font-size: 1.4rem;
    text-transform: capitalize;
}

.vcard.col-panel{
    float: left !important;
    overflow: visible;
}

.vcard p {
    text-transform: uppercase;
    margin: 0;
    float: left;
    clear: both;
    color: #363b48;
}

.vcard p span {
    text-transform: capitalize;
}

.vcard .dn {
    display: none;
}

.vcard .adr {
    float: left;
    clear: both;
    margin: 0 0 25px;
    padding: 0;
}

.vcard h2 {
    font-size: 2.1rem;
    color: #002d56;
    float: left;
    margin-bottom: 25px;
}

.vcard h3 {
    display: none;
}

/*change query for mobile device instead of width*/

@media only screen and (max-width: 420px) {
    .p_recruiter dd {
    margin: 0 -68px 0 0;
    }
}


#postalCode-message {
    margin: 0;
}








/* FOUNDATION CSS ADJUSTMENTS */


.border-right {
    border-right: 8px solid #002d56;
    padding-right: 3px;
}

.after-img.caption {
    margin: 1.0rem 0 0;
    border-left: 4px solid #002d56;
    padding-left: 10px;
}

.after-img.caption p {
    font-size: 1.2rem;
    font-familty: "Arial", "Helvetica", sans-serif;
    font-weight: bold;
    line-height: 1.5;
    color: #002d56;
    margin-top: 1.0rem;
}

.border-bottom:after, .border-top:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 0;
    left: 1.6rem;
    right: 1.6rem;
}

.border-bottom: after {
    border-bottom: 10px solid #6593B6;
}

.border-top: after {
    border-top: 10px solid #6593B6;
}

.col-panel .border-bottom.red:after, .col-panel .border-top.red:after {
    border-bottom: 10px solid #ad0000;
}

.col-panel.border-bottom:after, .col-panel.border-top:after {
    left: 1.0rem;
    right: 1.0rem;
}

.col-panel .border-bottom:after, .col-panel .border-top:after {
    content: ' ';
    display: block;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin-top: -10px;
}

.col-panel .border-bottom .button.is-left {
    left: 0;
    text-align: left;
    margin-left: 0;
}

.col-panel .border-bottom .button.is-right{
    margin-right: -1px;
}

.border-bottom:after {
    border-bottom: 10px solid #6593B6;
}

.border-top:after {
    border-top: 10px solid #6593B6;
}

.style-3.border-bottom:after {
    border-bottom: 10px solid #cedc00;
}

.style-4.border-bottom:after {
    border-bottom: 10px solid #002d56;
}

.the-teaser {
    margin: 0;
}

.side-teaser {
    min-height: 240px;
    padding: 25px 48px;
}

.side-teaser.large-12 {
    min-height: 240px;
    padding: 0 1.0rem;
    margin-bottom: 50px;
}

.side-teaser.large-12 .side-teaser-content {
    margin-top: 30px;
    margin-bottom: 47px;
}

.side-teaser.large-12 .side-teaser-content img {
    width: 100%;
}

.side-teaser-content {
    position: relative;
    z-index: 1;
}

.side-teaser.style-4 {
    color: #ffffff;
}

.side-teaser.has-image {
    min-height: inherit;
    padding: 0 1.0rem;
    overflow: visible;
}

.side-teaser.has-image .after-img {
    padding: 0 1.0rem 0 0;
    margin-top: 15px;
    position: relative;
    color: #002d56;
}

.side-teaser.has-image .after-img .title {
    font-size: 2.1rem;
    margin: 2px 0 16px;
    line-height: 2.3rem;
    text-transform: capitalize;
}

.side-teaser.has-image p {
    color: #002d56;
    font-size: 1.3rem;
    line-height: 2.2rem;;
    font-weight: bold;
}

.side-teaser.has-image img {
    width: 100%;
}

.side-teaser .sub-head {
    font-size: 2.5rem;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 2.8rem;
    margin-bottom: 12px;
}

.side-teaser p {
    font-size: 1.6rem;
    line-height: 2.5rem;
}









/* ##########################################################
########################## THE NAV ##########################
########################################################## */

#nav-header {
    margin: 0 auto;
  -webkit-backface-visibility:hidden; /* Fix for rollover animation affecting other elements*/
}

#nav-header a, #nav-header div {
  -webkit-transition:all 200ms ease-in-out;
     -moz-transition:all 200ms ease-in-out;
       -o-transition:all 200ms ease-in-out;
          transition:all 200ms ease-in-out;
}

.nav-menu-button, .nav-search, .nav-quick-links a {
  -webkit-filter: drop-shadow( 0px 2px 0px rgba(0,0,0,.3) );
  font-size: 0;
  line-height: 0;
  color: transparent;
}

.nav-menu-button img, .nav-search img {
  cursor: pointer;
}

.nav-search {
  text-align:right;
  -webkit-filter: none;
}

.nav-quick-links {
  margin-top:1.9rem;
  font-size: 0;
  line-height: 0;
  color: transparent;
  padding-top:1.9rem;
}

.nav-quick-links, .nav-menu  {
  list-style: none;
  text-align: justify;
  min-width: 25rem;
  text-justify: inter-ideography;
}

.nav-quick-links li, .nav-menu li {
  display:inline-block;
}

.nav-quick-links li {
  padding:0;
  vertical-align: middle;
  font:inherit;
}

.nav-quick-links:after, .nav-menu:after {
  content: "";
  width: 100%;
  display: inline-block;
}

.nav-menu{
  margin-top:2.3rem;
  margin-left:.75rem;
  margin-bottom:-1.25rem;
}

.nav-menu li {
  background-color:rgba(255,255,255,0);
  padding:.625rem 1rem;
  margin-top: 0;
  /* ---------- transform ---------- */
  -webkit-transform:skewX(-19deg) translate3d(0, 0, 0);
     -moz-transform:skewX(-19deg) translate3d(0, 0, 0);
      -ms-transform:skewX(-19deg) translate3d(0, 0, 0);
       -o-transform:skewX(-19deg) translate3d(0, 0, 0);
          transform:skewX(-19deg) translate3d(0, 0, 0);
  -webkit-transition:all 60ms ease-in-out;
     -moz-transition:all 60ms ease-in-out;
       -o-transition:all 60ms ease-in-out;
          transition:all 60ms ease-in-out;
}

.nav-menu li:hover {
  background-color: #6593b6;
}

.nav-menu li:hover a {
  color: rgba(255,255,255,1);
}

.nav-menu li.is-current {
  background-color: rgba(255,255,255,1);
}

.nav-menu li.is-current a {
  color: rgba(0, 45, 86, 1);
}

.nav-menu a {
  color:rgba(255,255,255,1);
  font-family:"TradeGothicW01-BoldCn20 675334", sans-serif;
  font-size:1.8rem;
  font:1.8rem "TradeGothicW01-BoldCn20 675334", sans-serif;
  font-weight:normal;
  text-transform:uppercase;
  letter-spacing:.02rem;
  -webkit-font-smoothing:antialiased;
  display:block;
  /* ---------- transform ---------- */
  -webkit-transform:skewX(19deg) translate3d(0, 0, 0);
     -moz-transform:skewX(19deg) translate3d(0, 0, 0);
      -ms-transform:skewX(19deg) translate3d(0, 0, 0);
       -o-transform:skewX(19deg) translate3d(0, 0, 0);
          transform:skewX(19deg) translate3d(0, 0, 0);
  -webkit-transition:all 80ms ease-in-out;
     -moz-transition:all 80ms ease-in-out;
       -o-transition:all 80ms ease-in-out;
          transition:all 80ms ease-in-out;
}

.nav-menu li:first-child {
  margin-left:3rem;
}

/* ---------- Sticky (Fixed) Nav ---------- */

#fixed-nav .nav-menu-button, #fixed-nav .nav-logo, #fixed-nav .nav-quick-links, #fixed-nav .nav-search {
  padding-top:0;
}

#fixed-nav .nav-menu-button {
    background: url("../img/icon-menu-button-static.svg") no-repeat center top;
    display: inline-block;
    width: 2.4rem;
    height: 2.3rem;
    -webkit-transition:all 100ms ease-in-out;
     -moz-transition:all 100ms ease-in-out;
       -o-transition:all 100ms ease-in-out;
          transition:all 100ms ease-in-out;
}

#fixed-nav .nav-menu-button.is-active {
    background: url("../img/icon-menu-button-active.svg") no-repeat center top;
}

#fixed-nav {
  position: fixed;
  z-index: 100;
  left: 4.296875%;
  right: 4.296875%;
  width: 91.40625%;
  padding:0;
}

#fixed-nav:before {
  content: "";
  background: rgba(0, 45, 86, 0.9);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, .5);
  width: 400%;
  height: 5.0rem;
  margin-left: -100%;
  display: block;
  float: none;
  z-index: 99;
  left: 0;
}

#fixed-nav.sticky, #fixed-nav.sticky:before {
  top:0;
}

#fixed-nav, #fixed-nav:before {
  position: fixed;
  top: -90px;
  -webkit-transition:top 100ms ease-in-out;
     -moz-transition:top 100ms ease-in-out;
       -o-transition:top 100ms ease-in-out;
          transition:top 100ms ease-in-out;
}


#fixed-inner {
  position: relative;
  margin: 0 -1.5rem;
  height: 5.0rem;
  padding: 1.2rem 0;
  z-index: 100;
}

#fixed-nav .nav-quick-links {
  margin: 0 auto;
  padding: 0;
}

#fixed-nav .nav-quick-links li {
  vertical-align: baseline;
}

#fixed-nav > .nav-menu {
  position:relative;
  margin: 0;
  z-index: -1;
  padding:0;
  top:-10rem;
  opacity: 0;
  -webkit-transition:all 100ms ease-in-out;
     -moz-transition:all 100ms ease-in-out;
       -o-transition:all 100ms ease-in-out;
          transition:all 100ms ease-in-out;
}

#fixed-nav > .nav-menu.is-active {
  top:0;
  opacity: 1;
}

#fixed-nav > .nav-menu:before {
  position:absolute;
  content: "";
  background: rgba(0, 45, 86, 0.5);
  width: 400%;
  height: 3.4rem;
  margin-left: -200%;
  display: block;
  float: left;
}

#fixed-nav > .nav-menu li.is-current {
  background-color: rgba(255,255,255,.5);
}

#fixed-nav > .nav-menu li:first-child {
  margin-left: 0;
}

/*---------------Nav Drop Down---------------*/
.nav-drop-down.row {
  display: none !important;
  position: absolute;
  margin-top: -1rem;
  left:-50%;
  right:-50%;
  padding-top: 1.9rem;
  padding-bottom: 1.9rem;
  padding-right:1.5rem;
  padding-left:1.5rem;
  background: #6593b6;
  max-width:120.0rem !important;
  top: 14.1rem;

  -webkit-box-shadow: 0px 10px 20px -10px rgba(50, 50, 50, 0.9);
     -moz-box-shadow: 0px 10px 20px -10px rgba(50, 50, 50, 0.9);
          box-shadow: 0px 10px 20px -10px rgba(50, 50, 50, 0.9);
  z-index: 999999;
  -webkit-transition:all 200ms ease-in-out;
     -moz-transition:all 200ms ease-in-out;
       -o-transition:all 200ms ease-in-out;
          transition:all 200ms ease-in-out;
}

.nav-drop-down.row.js-set {
    display: block !important;
}

.nav-drop-down.is-active {
  display: block !important;
  -webkit-transition:all 200ms ease-in-out;
     -moz-transition:all 200ms ease-in-out;
       -o-transition:all 200ms ease-in-out;
          transition:all 200ms ease-in-out;
}

.nav-drop-down.is-fixed {
  position:fixed;
  top:9.4rem;
  z-index: 101;
  -webkit-transition:all 200ms ease-in-out;
     -moz-transition:all 200ms ease-in-out;
       -o-transition:all 200ms ease-in-out;
          transition:all 200ms ease-in-out;
}

.nav-drop-down hr {
  border: solid #ffffff;
  border-width: .3rem 0 0;
  margin:0;
}

.nav-drop-down h1 {
  color:#ffffff;
  line-height:1;
}

.nav-drop-down-inner {
  padding-top:1.4rem;
  padding-bottom:1.4rem;
}

.nav-drop-down-inner img {
  padding:1rem 0;
}

.nav-drop-down ul:after {
  content: " ";
  height: 100%;
  background-color: rgba(255, 255, 255, 0.25);
  width: .1rem;
  display: block;
  top: 0;
  right: 0;
  position: absolute;
}

.nav-drop-down-inner ul:last-child:after {
  display:none;
}

.nav-drop-down li:hover {
  background: rgba(0, 45, 86, 0.5);
}

.nav-drop-down li {
  padding: 1rem;
}

.nav-drop-down-inner a {
  color:white;
  line-height:1.8rem;
}

.nav-drop-down-inner a:hover {
  text-decoration:underline;
}

.nav-drop-down-inner a:after {
  content:">";
  float:right;
}





/* ----- Offcanvas Nav -----  */


.offcanvas-nav {
  display: block;
  left: -270px;
  width: 270px;
  background: #2b2d33;
  color: white;
  font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
  font-size: 1.6rem;
  font-weight:normal;
  text-transform: uppercase;
  line-height: 1.2;
  -webkit-box-shadow:inset -15px -0px 10px -15px rgba(0,0,0,.9);
     -moz-box-shadow:inset -15px -0px 10px -15px rgba(0,0,0,.9);
          box-shadow:inset -15px -0px 10px -15px rgba(0,0,0,.9);
  -webkit-transition: all 100ms ease-in-out;
         -moz-transition: all 100ms ease-in-out;
          -ms-transition: all 100ms ease-in-out;
           -o-transition: all 100ms ease-in-out;
              transition: all 100ms ease-in-out;
  top: 0;
  position: absolute;
  overflow-y: visible;
  overflow-x: visible;
  z-index: 99;
}

.offcanvas-nav.is-active {
    display: block;
    left: 0;
}

.offcanvas-nav form {
  padding: 1rem 1rem 0 1rem;
}

.section-title {
  height:2.0rem;
  line-height:1.4;
  padding-left:0;
  background:#202226;
  color:#c2c9c6;
  text-align: left;
  padding-left: 1.0rem;
}

.offcanvas-nav .icon-container {
  height: 20px;
  width: 25px;
  float:left;
  text-align:center;
  margin-right:2.0rem;
}

.offcanvas-nav .icon-container img {
  max-height: 20px;
  max-width: 25px;
  text-align:center;
}

.offcanvas-nav ul {
  padding-left: 0;
  margin-left: 0;
}

.offcanvas-nav li {
  display: block;
  cursor:pointer;
  width:100%;
  position:relative;
}

.offcanvas-nav li a {
  height: 5.0rem;
  width:27.0rem;
  display: table-cell;
  vertical-align:middle;
  padding-left:2.0rem;
  padding-right:2.0rem;
  color:white;
  font-weight:normal;
  text-align: left;
}

.offcanvas-nav li a.has-child {
    width: 23rem;
}

.offcanvas-nav li a:before, .offcanvas-nav li .level-3 li a:before {
  content: " ";
  border-top: solid 1px rgba(255,255,255,.1);
  position: absolute;
  bottom: 0;
  left: 1.0rem;
  width: 250px;
  display: block;
}

.offcanvas-nav li:last-child a:before, .offcanvas-nav li .level-3 li:last-child a:before {
  content: " ";
  border-top: none;
}

.offcanvas-nav .social-links li a:last-child:before {
  content: " ";
  border-top: solid 1px rgba(255,255,255,.1);
  position: absolute;
  bottom: 0;
  left: 1.0rem;
  width: 250px;
  display: block;
}

.offcanvas-nav .social-links li a:before {
  content: " ";
  border-top: none;
}

.offcanvas-nav .main-nav span {
  background: url("../img/bret/icon-expand-plus.svg") no-repeat center;
  float:right;
  display: block;
  position: absolute;
  width: 1.3rem;
  height:1.3rem;
  top: 0;
  right: 0;
  padding: 2.5rem;
}

.offcanvas-nav .main-nav span.is-active {
  background: url("../img/bret/icon-collapse-minus.svg") no-repeat center;
}

.offcanvas-nav ul.level-2, .offcanvas-nav ul.level-3, .offcanvas-nav ul.level-4, .offcanvas-nav ul.level-5 {
    display: none;
    -moz-transition: all 100ms ease-in-out;
          -ms-transition: all 100ms ease-in-out;
           -o-transition: all 100ms ease-in-out;
              transition: all 100ms ease-in-out;

}

.offcanvas-nav ul.level-2.is-active, .offcanvas-nav ul.level-3.is-active, .offcanvas-nav ul.level-4.is-active, .offcanvas-nav ul.level-5.is-active {
    display: block;
}

.offcanvas-nav ul.level-2 li {
  background:#202226;
}

.offcanvas-nav ul.level-3 li {
  background:#15161a;
}

.offcanvas-nav ul.level-4 li {
  background:#0b0c0d;
}

.offcanvas-nav ul.level-2 li > a {
  padding-left:3.0rem
}

.offcanvas-nav ul.level-3 li > a {
  padding-left:4.0rem;
}

.offcanvas-nav ul.level-4 li > a {
  padding-left:5.0rem;
}

.offcanvas-nav .social-links a {
  width:60px;
  display:inline-block;
  line-height:5.0rem;
}

.offcanvas-nav .fa {
  font-size: 2.0rem;
  color: white;
}


/* ----- end Offcanvas Nav -----  */





/* This is a Unique @Media for the header nav */
@media only screen and (min-width: 58.75em) and (max-width: 65em) {   /*---Fix for wrapping nav. Starts at 1024 less li padding---*/

  #nav-header .nav-menu {
    margin-left: .5rem;
  }

  .nav-menu li {
    padding:.625rem .5rem;
    margin-top: .1rem;
  }

  .nav-menu li:first-child {
    margin-left: 4rem;
  }

  .nav-menu a {
    font-family:"TradeGothicW01-BoldCn20 675334", sans-serif;
    font-size:1.6rem;
    font:1.6rem "TradeGothicW01-BoldCn20 675334", sans-serif;
    letter-spacing:normal;
  }

}

/* ##########################################################
####################### THE FOOTER ##########################
########################################################## */

#footer #sitemap > ul {
  float:left;
  width: 20%;
  padding-left:1.5rem;
}

#footer #sitemap > ul:first-child {
  padding-left:0;
}

#footer-root {
    overflow:hidden;
    margin-top: 3.1rem;
}

#child-pages-container + #footer-root {
    margin-top: 0;
}

.bg-box + #footer-root {
    margin-top: -4.9rem;
}

#footer-root, #footer-root a, #footer {
  color: white;
  font-family: Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: normal;
  font: normal 1.4rem Arial, sans-serif;
}

#footer-root p {
  text-align:center;
  font-family: Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: normal;
  font: normal 1.4rem Arial, sans-serif;
  color:white;
}

#footer-root a:hover {
  text-decoration: underline;
  color:white;
}

#footer form {
  margin-bottom:5rem;
}

#footer ul {
  list-style-type: none;
  margin-left:0;
  margin-bottom:1.9rem;
  padding-left:0;
}

#footer li {
  padding:0.5rem 0;
}

#footer ul li:first-child{
  text-transform:uppercase;
  font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
  font-size: 1.9rem;
  font:1.9rem "TradeGothicW01-BoldCn20 675334", sans-serif;
}

#footer-root {
  overflow: visible;
  float: left;
  padding-top:3.1rem;
  background: rgb(3,46,85) url("../img/bret/footer-BG.png") no-repeat center top;
  background-position: center top;

  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: background-position 0.28s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: background-position 0.28s ease-out;  /* Firefox 4-15 */
       -o-transition: background-position 0.28s ease-out;  /* Opera 10.50-12.00 */
          transition: background-position 0.28s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
  -webkit-font-smoothing: antialiased;
}

#footer {
  width: 200%;
  position: relative;
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: left 0.28s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: left 0.28s ease-out;  /* Firefox 4-15 */
       -o-transition: left 0.28s ease-out;  /* Opera 10.50-12.00 */
          transition: left 0.28s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

.logo-image {
  max-width:100%;
  position: relative;
  left: 0;
  -webkit-transition: left 0.28s ease-out, opacity 0.28s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: left 0.28s ease-out, opacity 0.28s ease-out;  /* Firefox 4-15 */
       -o-transition: left 0.28s ease-out, opacity 0.28s ease-out;  /* Opera 10.50-12.00 */
          transition: left 0.28s ease-out, opacity 0.28s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */}

#sitemap {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.28s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: opacity 0.28s ease-out;  /* Firefox 4-15 */
       -o-transition: opacity 0.28s ease-out;  /* Opera 10.50-12.00 */
          transition: opacity 0.28s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}


.footer-column {
  width: 50%;
  float: left;

  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: left 0.28s ease-out, opacity 0.28s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: left 0.28s ease-out, opacity 0.28s ease-out;  /* Firefox 4-15 */
       -o-transition: left 0.28s ease-out, opacity 0.28s ease-out;  /* Opera 10.50-12.00 */
          transition: left 0.28s ease-out, opacity 0.28s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}


.footer-column.logo-match {
  position: relative;
/*   left: -22%; */
  left: calc(120.0rem - 100% / 2 - 8.5%);
  pointer-events: none;
}

.footer-column.logo-match .logo-image{
  opacity: 0;
}

.footer-column #sitemap {
  opacity: 0;
}


.social-icons-footer {
  display: block;

  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: margin-left 0.28s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: margin-left 0.28s ease-out;  /* Firefox 4-15 */
       -o-transition: margin-left 0.28s ease-out;  /* Opera 10.50-12.00 */
          transition: margin-left 0.28s ease-out;  /* Chrome 26, Firefox 16+, IE 10, Opera 12.10 */
}

.social-icons-footer .fa {
  font-size: 3.5rem;
  opacity: 0.65;
  color: white;
}

.social-icons-footer img.fa {
  width: 4.0rem;
}

.social-icons-footer.icons-holder {
  height: 0.4rem;
}

.social-icons-footer .fa:hover {
  opacity: 1;
}

.icons-holder {
  max-width:75rem;
  text-align:justify;
  margin-left:0;
  -webkit-transition: all 0.28s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.28s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.28s ease-out;  /* Opera 10.50-12.00 */
          transition: all 0.28s ease-out;  /* Chrome 26, Firefox 16+, IE 10, Opera 12.10 */
}

.sitemap-active > #footer > div.social-icons-footer > div > div > div.large-9.medium-9.columns.icons-holder {
  margin-left: -50rem;
}

.icons-holder:after {
  content: " ";
  width: 100%;
  display: inline-block;
}

.icons-holder a {
  display:inline-block;
}

.more-button-footer {
  position: relative;
  height: 6.4rem;
}

.more-button-footer .button.tab {
    padding: 0;
    margin: 0;
    font-size: 1.6rem;
    border-bottom: 4.2rem solid white;
    border-left: 2.1rem solid transparent;
}

#footer .more-button-footer a {
  background-color: white;
  font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
  font-size: 2.1rem;
  font:2.1rem "TradeGothicW01-BoldCn20 675334", sans-serif;
  text-transform: uppercase;
  display: block;
  padding: 0;
  margin-top: 0;
  text-align: left;
  position: absolute;
  width: 9999px;
  color: #6593b6;
  height: 4.2rem;
  padding: 0.7rem 0 0 1.0rem;
  font-weight: 400;
}

#footer .more-button-footer a:hover {
  color:#6593b6;
  text-decoration:none;
}

.more-button-footer:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  border-bottom: solid 0.8rem white;
  width: 9999px;
  left: -5000px;
}

a#see-more span {
  display:inline;
  opacity:1;
  margin-left:0;
  -webkit-transition: margin-left 0.1s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: margin-left 0.1s ease-out;  /* Firefox 4-15 */
       -o-transition: margin-left 0.1s ease-out;  /* Opera 10.50-12.00 */
          transition: margin-left 0.1s ease-out;  /* Chrome 26, Firefox 16+, IE 10, Opera 12.10 */
}

a#see-more:hover span {
  margin-left:0.4rem;
}

a#go-back span {
  display:inline;
  opacity:1;
  margin-left:0;
  -webkit-transition: margin-left 0.1s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: margin-left 0.1s ease-out;  /* Firefox 4-15 */
       -o-transition: margin-left 0.1s ease-out;  /* Opera 10.50-12.00 */
          transition: margin-left 0.1s ease-out;  /* Chrome 26, Firefox 16+, IE 10, Opera 12.10 */
}

a#go-back:hover span {
  margin-left:-0.4rem;
}

/*
*   Sitemap State
*/

#footer-root.sitemap-active {
  background-position-x: -1.6rem;
}

#footer-root.sitemap-active .logo-image {
  opacity: 0;
}

#footer-root.sitemap-active #footer {
  left: -100%;
}

#footer-root.sitemap-active .footer-column {

}

#footer-root.sitemap-active .logo-match {
  left: 0;
  opacity: 1;
  pointer-events: all;
}

#footer-root.sitemap-active #sitemap {
  opacity: 1;
}

#footer-root.sitemap-active .logo-match .logo-image {
  opacity: 1;
}


#footer-root.sitemap-active .social-icons-footer {
  margin-left: 24%;
}

#footer-root.sitemap-active #see-more {
  display: none;
}

#footer-root.sitemap-active #go-back {
  display: block;
}

#footer-root #see-more {
  display: block;
}

#footer-root #go-back {
  display: none;
}

.bg-box.foot {
  background-color: rgb(3, 46, 85);
  border-top:0; /* need this to make up for the added border from .bg-box */
  border-bottom:0; /* need this to make up for the added border from .bg-box */
}

@-moz-document url-prefix() {
  .bg-box.foot {
    z-index:-1;/* need this to work in firefox and to eliminate 1px space on left side*/
  }
}

#footer-terms {
  text-align: justify;
  display: inline-block;
  padding:5rem 1.5rem 1rem 1.5rem;
}

#footer-terms:after {
  content: " ";
  width: 100%;
  display: inline-block;
}

#footer-terms a {
  display: inline-block;
}

#footer-mobile > ul {
  text-align:justify;
  max-width:28.0rem;
  padding:0;
}

#footer-mobile li {
  display:inline-block;
}

#footer-mobile > ul:after {
  content: '';
  width: 100%;
  display: inline-block;
}

#footer-mobile a, #footer-mobile li {
  font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
  font-size: 1.9rem;
  font-weight: normal;
  font: 1.9rem normal "TradeGothicW01-BoldCn20 675334", sans-serif;
  text-transform: uppercase;
}

#footer-mobile .footer-call-button {
  max-width: 20rem;
  height: 4.4rem;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px #1d1f26;
     -moz-box-shadow: 0 2px #1d1f26;
          box-shadow: 0 2px #1d1f26;
  display: block;
  text-align: justify;
  padding: 1.0rem 1.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.footer-call-button:after {
  content: '';
  width: 100%;
  display: inline-block;
}

.footer-call-button i {
  color: #002d56;
  font-size: 2.4rem;
  float: left;
  display: inline-block;
  width: 2.1rem;
}

#footer-mobile .footer-call-button > span {
  color: #002d56;
  float: right;
  font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
  font-size: 2.4rem;
  font-weight: normal;
  font: 2.4rem normal "TradeGothicW01-BoldCn20 675334", sans-serif;
  display: inline-block;
  margin-top: -.4rem;
  margin-bottom:0;
  clear: none;
  max-width: 15rem;
}

#footer-mobile .footer-call-button > span a {
  color: #002d56;
}

#footer-mobile p {
  padding-bottom: .8rem;
}

#footer-mobile p:first-child {
  margin-top:.8rem;
}

#footer-mobile p:last-child {
  margin-bottom:1.1rem;
}


/* #################################################################
############################ Breadcrumb ############################
################################################################# */
.breadcrumb {
  padding-top:3.8rem;
  padding-bottom:2.9rem;
  display:inline-block;
  margin-top: 0;
}

.masthead + .row .breadcrumb {
    padding-top: 0;
}

.breadcrumb > li {
  float: left;
  line-height:0;
}

.breadcrumb > li > a {
  color: #8f9693;
  font-family: Arial, sans-serif;
  font-size: 1.05rem;
  font: 1.05rem Arial, sans-serif;
  font-weight:bold;
  text-transform: uppercase;
}

.breadcrumb > li > a:after {
  content:" / ";
  padding:0 .5rem;
  color: #8f9693;
}

.breadcrumb > li:last-child > a:after {
  content:" ";
  padding:0;
}

.breadcrumb > li > a:hover {
  color: #002d56;
  font-weight:bold;
}

.breadcrumb > li:last-of-type > a {
  cursor: default;
}

.breadcrumb > li:last-of-type > a:hover {
  color: #8f9693;
}


/* #################################################################
####################### Non Feature Masthead #######################
################################################################# */

.non-feature {
  -webkit-font-smoothing:antialiased;
  line-height:1;
}

.non-feature h1, .non-feature h2, .non-feature h3{
  
  text-transform:uppercase;
  line-height: 1.2;
  margin-bottom: .2em;
}

.non-feature .nav-bg {
  height:13.1rem;
}

.non-feature h1 {
  font-size: 4.0rem;
  padding-bottom: 0;
}

.non-feature h2 {
  font-size: 3.2rem;
}

.non-feature h2.sub-head {
  font-family:"Trade Gothic 2", "Oswald", sans-serif;
  font-size: 2.1rem;
  text-transform:none;
  padding-bottom: 1rem;
}

.non-feature h3 {
  font-size: 2.4rem;
  padding-bottom: 0;
}

.non-feature-intro img {
  border-right: 0.8rem solid #002d56;
  padding-right: .2rem;
  background: white;
  max-width:100%;
}

.non-feature .is-full-title:before {
  border-bottom: 10px solid #002d56;
}

.non-feature .tab-header {
  border-bottom: 3.8rem solid #002d56;
  min-width: 20rem;
}

.non-feature .tab-header span {
  background-color: #002d56;
}


/* For Bret Review */
.vertical-middle-table {
  display:table;
  padding: 1.0rem;
}

.vertical-middle-table.end {
  /*margin-bottom: 15rem;*/ /*removed due to issues in #46604 regarding spacing on several pages*/
  margin-bottom: 0rem;
}

.vertical-middle {
  display: table-cell;
  vertical-align: middle;
}

.rss-feed .vertical-middle-table {
    width: 100%;
}

.vertical-middle img {
  max-width:100%;
  width:100%;
}



.non-feature .article h2 {
  margin-top:2.4rem;
}

.non-feature .article h2:first-child {
  margin-top:0;
}

#secondary-article .divider {
  margin: 5rem 1.5rem;
  border-top: 1px solid rgba(54, 59, 72, 0.25);
  width: 100%;
}










/* #################################################################
########################### Non Masthead ###########################
################################################################# */

.non-masthead .nav-bg {
  height:13.1rem;
}

.non-masthead.row {
  margin-bottom:1.2rem;
}

.non-masthead h2 {
  font-family: "Trade Gothic W01 Light", "Oswald", sans-serif;
  font-size: 2.1rem;
}

.article hr {
  border-width: 2px 0 0;
  margin:0 0 1.2rem 0;
}

.article p {
  margin-bottom:2.1rem;
}

.article p:last-child {
  margin-bottom: 5.0rem;
}

.article p a {
  color:#002d56;
}

.article p a:hover {
  color:#002d56;
  text-decoration:underline;
}

.article h3 {
  text-transform:uppercase;
  margin-bottom:.7rem;
}

.article .flex-video {
  margin-bottom:5.0rem;
}





/* #################################################################
######################## CHILDREN SECTION ##########################
################################################################# */

#child-link .columns:last-child {
  float:left !important;
}

.child-link-container {
  padding: 0 !important;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5rem;
  float: none;
  max-width: 30rem;
}

.child-link-img-container{
  height:10rem;
  width:10rem;
  float:left;
  overflow: hidden;
  margin:0 auto;
}

.child-link-btn {
  display:inline-block;
}

.child-link-btn img{
  -webkit-transition:all 100ms ease-out;
     -moz-transition:all 100ms ease-out;
       -o-transition:all 100ms ease-out;
          transition:all 100ms ease-out;
}

.child-link-btn:hover img{
   -webkit-transform:scale(1.2);
     -moz-transform:scale(1.2);
      -ms-transform:scale(1.2);
       -o-transform:scale(1.2);
          transform:scale(1.2);
}

.child-link-btn p{
  background:rgba(0, 45, 86, 1.0);
  border-left:solid .1rem white;
  width:20em; /* Firefox is not acknowledging rem, so em is being used */
  height:10rem;
  display:table-cell;
  vertical-align:middle;
  box-sizing:border-box;
  padding-left:1.0rem;
  padding-right:2.4rem;
  -webkit-transition:box-shadow 80ms ease-out,             background 200ms ease-out;
     -moz-transition:box-shadow 80ms ease-out,             background 200ms ease-out;
       -o-transition:box-shadow 80ms ease-out,             background 200ms ease-out;
          transition:box-shadow 80ms ease-out,             background 200ms ease-out;
  box-shadow:inset 0 0 0 0 #6593b6;
  color:white;
  font:1.7rem "Oswald", sans-serif;
  font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
  font-size: 1.8rem;
  font-weight:300;
  text-transform:uppercase;
  letter-spacing:.06rem;
}

.child-link-btn:hover p{
  background:rgba(0, 50, 94, 1.0);
  box-shadow:inset -.5rem 0 0 0 #6593b6;
}

.child-link-btn:active p{
  box-shadow:inset -.3rem 0 0 0 #6593b6;
}

/*.child-link-btn p span{
  -webkit-transition:all 80ms ease-out;
     -moz-transition:all 80ms ease-out;
       -o-transition:all 80ms ease-out;
          transition:all 80ms ease-out;
  margin-left:.3rem;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.1rem;
  font-weight: normal;
  font: normal 2.1rem Arial, Helvetica, sans-serif;
  position:relative;
  top:-.12rem;
}*/

.child-link-btn p span {
  -webkit-transition: all 80ms ease-out;
  -moz-transition: all 80ms ease-out;
  -o-transition: all 80ms ease-out;
  transition: all 80ms ease-out;
  margin-left: .3rem;
  font: normal 2.1rem Arial, Helvetica, sans-serif;
  font: normal 2.1rem Arial, Helvetica, sans-serif;
  position: absolute;
  top: 4rem;
  float: right;
  right: 1.2rem;
  line-height: 1;
}


/*.child-link-btn:hover p span{
  margin-left:.6rem;
}*/

.child-link-btn:hover p span {
  right: 0.8rem;
}

/*.child-link-btn:active p span{
  margin-left:.64rem
}*/

.child-link-btn:active p span {
  right: 0.84rem;
}

.child-link-description{
  display:inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  font: bold 1.2rem Arial, Helvetica, sans-serif;
  color:#002d56;
  max-width:30rem;
  line-height:1.8rem;
  padding-top:.8rem;
}








/* #################################################################
###################### Standard TABLE ##############################
################################################################# */

.standard-table {
    font-family: "Arial" sans-serif;
    font-size: 10pt;
    color: rgb(56, 57, 57);
    width: 98%;
    border: 1px solid #c2c9c6;
    margin: 3.1rem 0;
}

#navet-table, #osvet-table {
    margin: 0 0 3.1rem 0;
}

.seal.standard-table tbody td.seal,
.swcc.standard-table tbody td.swcc,
.eod.standard-table tbody td.eod,
.diver.standard-table tbody td.diver,
.airr.standard-table tbody td.airr {
    background-color: #e0e4e2;
}

.standard-table thead th {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #002d56;
border-color: #c2c9c6 #c2c9c6 #c2c9c6;
border-style: solid solid solid none;
border-width: 1px 1px 1px 0;
padding: 10px 10px;
text-align: center;
line-height: 1.2;
color: #ffffff;
display: table-cell;
}

.standard-table tbody th {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #c2c9c6;
border-color: -moz-use-text-color #c2c9c6 #c2c9c6;
border-right: 1px solid #c2c9c6;
border-style: none solid solid;
border-width: 0;
padding-left: 3px;
padding-right: 3px;
padding: 5px 10px;
}

.standard-table thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
}

.standard-table tbody th.th {
background: none;
border: none;
border-left: none;
border-right: none;
border-bottom: none;
border-top: none;
line-height: 1.5;
box-shadow: none;
}

.standard-table td, .standard-table th {
display: table-cell;
vertical-align: top;
border-left: 1px solid #c2c9c6;
border-right: 1px solid #c2c9c6;
-webkit-box-shadow: none;
box-shadow: none;
padding: 10px;
line-height:1.5;
vertical-align: middle;
}


.standard-table tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
border-left: 1px solid #c2c9c6;
border-right: 1px solid #c2c9c6;
}

.standard-table tr.header {
border-left: 1px solid #002d56;
border-right: 1px solid #002d56;
}

.standard-table tr.header th:last-child {
border-right: 1px solid #002d56;
border-bottom: none;
}

.standard-table .th:hover, .standard-table .th:focus {
-webkit-box-shadow: none;
box-shadow: none;
}

.row .standard-table p,
.row .standard-table p:last-child {
    margin:0;
}

.standard-table caption {
    font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
    font-size: 1.9rem;
    font: 1.9rem "TradeGothicW01-BoldCn20 675334", sans-serif;
    text-transform: uppercase;
    color: #002d56;
    margin-bottom: .5rem;
}

.standard-table p, .standard-table td {
font-size: 1.2rem;
}

.standard-table img {
    display: block;
    margin:0 auto;
}

#enlisted-rates-table tr th,
#officer-ranks-table tr th,
#bca-table tr th {
    width: 10%;
    font-size: 1.2rem;
    padding: 10px 5px;
    background: none;
    text-align: center;
}

#enlisted-rates-table tr th[scope=row],
#officer-ranks-table tr th[scope=row] {
    font-size: 1.2rem;
}

#enlisted-rates-table thead,
#officer-ranks-table thead,
#bca-table thead {
    background: #002d56;
}

.standard-table td {
    text-align: center;
}

#qualifications-table   p>em {
    font-size: 1.2rem;
    line-height:1.5;
}

.small .standard-table th, .small .standard-table td {
    font-size: 1rem;
}













@media only screen {  /* --------------- Mobile --------------- */

  /*----- These are super important! -----*/
    .column, .columns {
    position: relative;
    padding-left: 1.0rem;
    padding-right: 1.0rem;
    float: left;
  }

   .row .row {
    width: auto;
    margin-left: -1.0rem;
    margin-right: -1.0rem;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
  }




/* ---------- THE NAV @Media Mobile ---------- */
  .nav-bg {
    background: rgb(3,46,85); /* Old browsers */
    background-image: url("../img/bret/nav-background-small.png"), -moz-linear-gradient(top,  rgba(3,46,85,1) 0%, rgba(10,53,92,1) 100%); /* FF3.6+ */
    background-image: url("../img/bret/nav-background-small.pngg"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(3,46,85,1)), color-stop(100%,rgba(10,53,92,1))); /* Chrome,Safari4+ */
    background-image: url("../img/bret/nav-background-small.png"), -webkit-linear-gradient(top,  rgba(3,46,85,1) 0%,rgba(10,53,92,1) 100%); /* Chrome10+,Safari5.1+ */
    background-image: url("../img/bret/nav-background-small.png"), -o-linear-gradient(top,  rgba(3,46,85,1) 0%,rgba(10,53,92,1) 100%); /* Opera 11.10+ */
    background-image: url("../img/bret/nav-background-small.png"), -ms-linear-gradient(top,  rgba(3,46,85,1) 0%,rgba(10,53,92,1) 100%); /* IE10+ */
    background-image: url("../img/bret/nav-background-small.png"), linear-gradient(to bottom,  rgba(3,46,85,1) 0%,rgba(10,53,92,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#032e55', endColorstr='#0a355c',GradientType=0 ); /* IE6-9 */
    background-repeat:no-repeat;
    background-position: top center;
    height:13.1rem;
    position: absolute;
  }

  #nav-header {
    padding-top:1.0rem;
    padding-bottom:1.2rem;
    margin-bottom:1rem;
    max-height:13.1rem;
    overflow:hidden;
  }

  .nav-logo img {
    max-width: 10.0rem;
    max-height:10.9rem;
  }

  .nav-logo {
    text-align:center;
  }

  .nav-menu-button {
    text-align:left;
  }

  #nav-header .nav-quick-links {
    max-width:48.0rem;
    float:none;
    margin:0 auto;
    text-justify: inter-ideograph;
  }

  #nav-header .nav-quick-links li a span {/*-----Disables the hover state for mobile and medium-----*/
    display: none;
  }

  #sticky-full-width {
    height:4.4rem;
  }

  #fixed-nav {
    height:4.4rem;
/*
    padding-top:1.2rem;
*/
  }

  #fixed-nav .nav-menu-button, #fixed-nav .nav-logo {
    float:none;
  }

  #fixed-nav .nav-logo img {
    max-height:3.2rem;
    margin-top:-.7rem;;
    height:100%;
  }

/* ---------- THE FOOTER @Media Mobile ---------- */
  #footer-root {
    background-size:cover;
    width:100%;
    padding-top:3.1rem;
    padding-bottom:5.0rem;
  }

/* ---------- Non Feature Masthead @Media Mobile ---------- */
  .non-feature-intro.row {
    padding-top:0;
  }

  .vertical-middle {
    margin-bottom:1.2rem;
  }

  .vertical-middle:last-child {
    margin-bottom:0;
  }


}


@media only screen and (min-width: 40.063em) {  /* --------------- 640 --------------- */

  /* ---------- THE NAV @Media 640 ---------- */
  .nav-bg {
    background: rgb(3,46,85); /* Old browsers */
    background-image: url("../img/bret/nav-background.png"), -moz-linear-gradient(top,  rgba(3,46,85,1) 0%, rgba(10,53,92,1) 100%); /* FF3.6+ */
    background-image: url("../img/bret/nav-background.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(3,46,85,1)), color-stop(100%,rgba(10,53,92,1))); /* Chrome,Safari4+ */
    background-image: url("../img/bret/nav-background.png"), -webkit-linear-gradient(top,  rgba(3,46,85,1) 0%,rgba(10,53,92,1) 100%); /* Chrome10+,Safari5.1+ */
    background-image: url("../img/bret/nav-background.png"), -o-linear-gradient(top,  rgba(3,46,85,1) 0%,rgba(10,53,92,1) 100%); /* Opera 11.10+ */
    background-image: url("../img/bret/nav-background.png"), -ms-linear-gradient(top,  rgba(3,46,85,1) 0%,rgba(10,53,92,1) 100%); /* IE10+ */
    background-image: url("../img/bret/nav-background.png"), linear-gradient(to bottom,  rgba(3,46,85,1) 0%,rgba(10,53,92,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#032e55', endColorstr='#0a355c',GradientType=0 ); /* IE6-9 */
    background-repeat:no-repeat;
    background-position: top center;
    height:21.2rem;
    position: absolute;
  }

  #nav-header {
    padding-top:1.2rem;
  }

  .nav-logo {
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .nav-logo img {
    max-width:100%;
    height:100%;
  }

  .nav-quick-links {
    padding-top:5rem;
  }

  .placeholder {
    margin-top:-8.1rem;
  }

  #fixed-nav {
    height:5.0rem;
    max-width:117.0rem !important;
  }

  #fixed-nav .nav-menu-button, #fixed-nav .nav-logo {
    float:left;
  }

  #fixed-nav .nav-logo img {
    max-height:4.0rem;
    margin-left: 2.0rem;
    max-width: 7.4rem;
  }

  #fixed-nav .nav-quick-links {
    max-width:30.0rem;
  }

/* ---------- THE FOOTER @Media 640 ---------- */
  #footer-root {
    background-size:initial;
  }

  #footer, #footer-terms {
    display:inline-block !important;
  }

/* ---------- Non Feature Masthead @Media 640 ---------- */
  .vertical-middle {
    float: none !important; /* This must be omitted for mobile size */
  }


}








@media only screen and (min-width: 58.75em) { /* --------------- 940 --------------- */

  /* ---------- THE NAV @Media 940 ---------- */
   .nav-logo {
    padding-left:1.5rem !important;
    padding-right:1.5rem !important;
  }

   .nav-logo img {
    max-width:17.3rem;
    height:100%;
  }

  .nav-quick-links {
    padding-top:1.9rem;
  }

  #nav-header .nav-quick-links {
    float:right;
    text-justify: inter-ideograph;
  }

  #nav-header .nav-quick-links li:first-child {
    margin-left: 33.3333%;
  }

  #nav-header .nav-quick-links li a span {
    display:inline-block;
    position: absolute;
    right: 66.6667%;
    top: 2.5rem;
    padding-right: 2rem;
    font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
    font-size: 1.4rem;
    font: 1.4rem "TradeGothicW01-BoldCn20 675334", sans-serif;
    text-transform: uppercase;
    letter-spacing: .05rem;
    color: white;
    visibility:hidden;
    opacity: 0;
    -webkit-transition:all 80ms ease-out;
       -moz-transition:all 80ms ease-out;
         -o-transition:all 80ms ease-out;
            transition:all 80ms ease-out;
  }

  #nav-header .nav-quick-links li:hover a span {
    visibility:visible;
    opacity:1;
  }

  #fixed-nav .nav-quick-links li a {
    display: block;
    position: relative;
    width:44px;
    text-align: center;
  }

  #fixed-nav .nav-quick-links li a span {
    display:inline-block;
    position: absolute;
    left:-100%;
    right:-100%;
    bottom:-2.5rem;
    font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
    font-size: 1.4rem;
    font: 1.4rem "TradeGothicW01-BoldCn20 675334", sans-serif;
    text-transform: uppercase;
    letter-spacing: .05rem;
    color: white;
    visibility:hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
  }

  #fixed-nav .nav-quick-links li:hover a span {
    visibility:visible;
    opacity:1;
    -webkit-transition:all 80ms ease-out;
       -moz-transition:all 80ms ease-out;
         -o-transition:all 80ms ease-out;
            transition:all 80ms ease-out;
  }

  #fixed-nav .nav-logo img {
    margin-left:1.0rem;
  }

  #fixed-nav .nav-quick-links {
    max-width:40.0rem;
  }

  #fixed-nav.is-active:before {
    height: 7.0rem;
    -webkit-transition:height 100ms ease-in-out;
       -moz-transition:height 100ms ease-in-out;
         -o-transition:height 100ms ease-in-out;
            transition:height 100ms ease-in-out;

  }

  #fixed-inner.is-active {
    height: 7.0rem;
    -webkit-transition:height 100ms ease-in-out;
       -moz-transition:height 100ms ease-in-out;
         -o-transition:height 100ms ease-in-out;
            transition:height 100ms ease-in-out;

  }





}
























/* ########################################################################
############################### TAB HEADER ################################
######################################################################## */
/* DESCRIPTION: This is the tabbed header that stretches full screen. */

.tab-header{
    background-color: transparent;
    float: left;
    text-align: left;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "TradeGothicW01-BoldCn20 675334", "Oswald", sans-serif;
    font-weight: normal;
    font-size: 2rem;
    line-height: 2rem;
    position: absolute;
    left: 0;
    border-bottom: 3.8rem solid #c2c9c6;
    border-right: 1.9rem solid transparent;
    height: 0;
    padding: 0 1rem 0 0;
}

.tab-header .tab-header-text {
    margin-top: 1.2rem;
}

.tab-header span {
  display: block;
  position: absolute;
  width: 100%;
  height: 38px;
  left: 0;
  top: 0;
  background-color: #c2c9c6;
  z-index: -1;
}










/* ########################################################################
########################### Nearest Recruiter #############################
######################################################################## */

.nearest-recruiter-intro {
  padding: 0 1.0rem;
  position: relative;
  font-size: 2.4rem;
  font-family: "TradeGothicW01-BoldCn20 675334", "Oswald", sans-serif;
  text-transform: uppercase;
  color: #002d56;
  display: block;
  margin: 0 auto;
  float: none;
  text-align: center;
  padding: 5.0rem 0;
}

.nearest-recruiter-container {
  float: none;
  display: inline-block;
}

.nearest-recruiter-intro .state-id {
  padding: 1.5rem 1.0rem;
  background: #002d56;
  position: relative;
  max-width: 10rem;
  font-size: 4.0rem;
  font-family: "Trade Gothic W01 Light", "Oswald", sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  display: block;
  float: left;
  line-height: 3.8rem;
  margin: 0 2.0rem 0 0;
  padding: 0.5rem 1rem;
}

.nearest-recruiter-intro .content-right {
  clear: none;
  position: relative;
  display: block;
  margin: 0 auto;
  float: left;
  padding-top: 0px;
  line-height: 2.4rem;
  text-align: left;
  text-transform: capitalize;
}

.nearest-recruiter .button {
    margin-top: 4.5rem;
    margin-bottom: 4.0rem;
}

.small .nearest-recruiter {
    margin-top: 5rem;
}












/* ########################################################################
############################ Full / Part Toggle ###########################
######################################################################## */


.full-part-toggle .full-part-container {
  float: none;
  margin-top:1.9rem;
}


.full-time .full-part-container .switch.full-toggle {
  background-color: #ffffff;
  color: #002d56;
  box-shadow: 1px 1px 0px 0px #c2c9c6;
}

.full-time .tab-graphic-divider .full-part-container .switch.full-toggle {
  background-color: #002d56;
  color: #ffffff;
}

.healthcare .full-time .full-part-container .switch.full-toggle {
  background-color: #af2a33;
  color: #ffffff;
}

.row.career-detail-intro {
  padding-bottom:3.1rem;
}

.full-part-toggle .switch {
  width: 103px;
  height: 3.2rem;
  margin: 0;
  padding: 0;
  font-family: "Arial", sans-serif;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 3.2rem;
  text-align: center;
  text-transform: capitalize;
  transition: all 0.2s ease;
}


















/* ########################################################################
############################ Officer / Enlisted Toggle ####################
######################################################################## */
.enlisted #tab-enlisted {
    display: block;
}
.enlisted #tab-officer {
    display: none;
}
.officer #tab-officer {
    display: block;
}
.officer #tab-enlisted {
    display: none;
}




















/* ########################################################################
########################### Tab Graphic Divider ###########################
######################################################################## */
.tab-graphic-divider {
  position: relative;
  width: 100%;
  height: 5rem;
  margin: 5rem 0;
  float: left;
  z-index: 99;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 80%, rgba(0,45,86,1) 80%, rgba(255,255,255,1) 80%, rgba(0,45,86,1) 80%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%,rgba(255,255,255,1)), color-stop(80%,rgba(0,45,86,1)), color-stop(80%,rgba(255,255,255,1)), color-stop(80%,rgba(0,45,86,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 80%,rgba(0,45,86,1) 80%,rgba(255,255,255,1) 80%,rgba(0,45,86,1) 80%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 80%,rgba(0,45,86,1) 80%,rgba(255,255,255,1) 80%,rgba(0,45,86,1) 80%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 80%,rgba(0,45,86,1) 80%,rgba(255,255,255,1) 80%,rgba(0,45,86,1) 80%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 80%,rgba(0,45,86,1) 80%,rgba(255,255,255,1) 80%,rgba(0,45,86,1) 80%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#002d56',GradientType=0 );
}

.step-wizard .tab-graphic-divider {
  position: relative;
  width: 100%;
  height: 5rem;
  margin: 5rem 0;
  float: left;
  z-index: 99;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 80%, rgba(194,201,198,1) 80%, rgba(255,255,255,1) 80%, rgba(194,201,198,1) 80%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%,rgba(255,255,255,1)), color-stop(80%,rgba(194,201,198,1)), color-stop(80%,rgba(255,255,255,1)), color-stop(80%,rgba(0,45,86,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 80%,rgba(194,201,198,1) 80%,rgba(255,255,255,1) 80%,rgba(194,201,198,1) 80%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 80%,rgba(194,201,198,1) 80%,rgba(255,255,255,1) 80%,rgba(194,201,198,1) 80%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 80%,rgba(194,201,198,1) 80%,rgba(255,255,255,1) 80%,rgba(194,201,198,1) 80%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 80%,rgba(194,201,198,1) 80%,rgba(255,255,255,1) 80%,rgba(194,201,198,1) 80%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c2c9c6',GradientType=0 );
}

.tab-graphic-divider:before {
  content: " ";
  background: #002d56;
  float: left;
  width: 2%;
  height: 5rem;
  z-index: -1;
  position: absolute;
  left: 0;
}

.step-wizard .tab-graphic-divider:before {
  content: " ";
  background: #c2c9c6;
  float: left;
  width: 2%;
  height: 5rem;
  z-index: -1;
  position: absolute;
  left: 0;
}


.tab-graphic-divider > .row {
  position: relative;
  top: -5px;
}
.tab-graphic-text {
  display: table;
  height: 4.8rem;
  min-width: 10rem;
  background: #002d56;
  float: left;
  color: white;
  font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
  text-transform: uppercase;
  line-height: 1;
  font-size: 1.9rem;
  -webkit-transform: skew(30deg);
     -moz-transform: skew(30deg);
      -ms-transform: skew(30deg);
       -o-transform: skew(30deg);
  transform: skew(30deg);
}

.step-wizard .tab-graphic-text {
  display: table;
  height: 4.8rem;
  min-width: 10rem;
  background: #c2c9c6;
  float: left;
  color: white;
  font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
  text-transform: uppercase;
  line-height: 1;
  font-size: 1.9rem;
  -webkit-transform: skew(30deg);
     -moz-transform: skew(30deg);
      -ms-transform: skew(30deg);
       -o-transform: skew(30deg);
  transform: skew(30deg);
}

.tab-graphic-text > span {
  display: table-cell;
  vertical-align: middle;
  padding-right: 3.5rem;
  -webkit-transform: skew(-30deg);
     -moz-transform: skew(-30deg);
      -ms-transform: skew(-30deg);
       -o-transform: skew(-30deg);
          transform: skew(-30deg);
  -webkit-backface-visibility: hidden;
}

.tab-graphic-text > span:before {
  content: "";
  position: absolute;
  width: 4020px;
  top: 0;
  margin-left: -4000px;
  height: 49px;
  background: #002d56;
  z-index: -1;
float: left;
}

.step-wizard .tab-graphic-text > span:before {
  content: "";
  position: absolute;
  width: 4020px;
  top: 0;
  margin-left: -4000px;
  height: 49px;
  background: #c2c9c6;
  z-index: -1;
float: left;
}

.tab-graphic-divider.has-toggle {
    margin: 5.0rem 0 8.1rem;
}

.tab-graphic-divider .full-part-toggle {
     position: relative;
    float: left !important;
    clear: both;
    margin-top: 1.9rem;
    margin-bottom: 1.2rem;
    z-index: 99;
}

.tab-graphic-divider .full-part-toggle .full-part-container {
     float: left;
    margin-top: 0.5rem;
}

.tab-graphic-divider .row .columns p:last-child {
    margin-bottom: 0;
}












/* ########################################################################
############################## Search Button ##############################
######################################################################## */


.sb-search {
    position: relative;
    margin-top: 0;
    width: 0%;
    min-width: 3.0rem;
    height: 1.8rem;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}

.sb-search-input {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    outline: none;
    background: #fff;
    width: 100%;
    height: 1.8rem;
    margin: 0;
    z-index: 10;
    padding: 20px 65px 20px 20px;
    font-family: inherit;
    font-size: 20px;
    color: #2c3e50;
}

.sb-search-input[type="text"] {
    height: 1.9rem;
    font-size: 1.2rem;
}

.sb-search-input::-webkit-input-placeholder {
    color: #999;
}

.sb-search-input:-moz-placeholder {
    color: #999;
}

.sb-search-input::-moz-placeholder {
    color: #999;
}

.sb-search-input:-ms-input-placeholder {
    color: #999;
}

.sb-icon-search,
.sb-search-submit  {
    min-width: 3.0rem;
    height: 1.8rem;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 1.8rem;
    text-align: center;
    cursor: pointer;
}

.sb-icon-search.medium-down {
    margin-right: 1.0rem;
    background-color: transparent;
}

.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-icon-search {
    color: #fff;
    background: url(../img/bret/icon-search.svg) no-repeat center;
    background-color: #002d56;
    z-index: 90;
    font-size: 22px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    /*margin-top: 0.9rem;*/
}

#fixed-nav .sb-icon-search {
    background-color: transparent;
}

#fixed-nav .sb-icon-search.background-toggle {
    background-color: rgba(0, 45, 86, 0.9);
}

#fixed-nav .sb-search-input {
    visibility: hidden;
}

#fixed-nav .sb-search-input.is-visible {
    visibility: visible;
}

.sb-icon-search:before {
    content: "";
}

/* Open state */
.sb-search.sb-search-open, .sb-search.sb-search-open-fix,
.no-js .sb-search {
    width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    background: url(../img/bret/icon-search.svg) no-repeat center;
    background-color: #002d56;
    /*margin-top: 0.9rem;*/
    color: #fff;
    z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
    z-index: 90;
}








/*#######################################################
################# Button Transition Fix #################
#######################################################*/


.button.default {
  -moz-box-shadow: 0px 2px 0px 0px #a8a8a8;
  -webkit-box-shadow: 0px 2px 0px 0px #a8a8a8;
  box-shadow: 0px 2px 0px 0px #a8a8a8;
  background-color: #c2c9c6;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  text-indent: 0;
  text-align: center;
  position: relative;
  top: 1px;
  float: none;
  clear: both;
  margin: 0 auto;
  display: table-cell;
  line-height: 1;
  padding: 1rem;
  height: 4rem;
  -webkit-transition:none;
     -moz-transition:none;
       -o-transition:none;
          transition:none;
  min-width:8rem;
}

.button.default:active {
  -moz-box-shadow: 0px 2px 0px 0px #a8a8a8;
  -webkit-box-shadow: 0px 2px 0px 0px #a8a8a8;
  box-shadow: 0px 2px 0px 0px #a8a8a8;
  top: 1px;
}

/* -- Nearest Recruiter -- */
.nearest-recruiter-intro {
  padding: 0 1.5rem;
  position: relative;
  font-size: 2.4rem;
  font-family: "TradeGothicW01-BoldCn20 675334", "Oswald", sans-serif;
  text-transform: uppercase;
  color: #002d56;
  display: block;
  margin: 0 auto;
  float: none;
  text-align: center;
  padding: 5.0rem 0;
}

.nearest-recruiter-intro .state-id {
  padding: .5rem;
  background: #002d56;
  position: relative;
  max-width: 10rem;
  font-size: 4.0rem;
  font-family: "Trade Gothic W01 Light", "Oswald", sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  display: block;
  float: left;
  line-height: 1;
  margin: 0 1.0rem 0 0;
}

/* new Nearest Recruiter */
.nearest-recruiter .teaser-top img {
  padding-left:1.0rem;
  padding-right:1.0rem;
}

.nearest-recruiter .button.default, #mobile-chat {
  cursor: pointer !important;
  font-size:2.4rem;
  background:#6593b6;
  color: #ffffff;
  line-height:1;
  -webkit-box-shadow:0px 2px 0px 0px rgba(0, 45, 86, 0.7);
     -moz-box-shadow:0px 2px 0px 0px rgba(0, 45, 86, 0.7);
          box-shadow:0px 2px 0px 0px rgba(0, 45, 86, 0.7);
}

 .nearest-recruiter .button.default:hover, #mobile-chat:hover {
  font-size:2.4rem;
  background:#6593b6;
  line-height:1;
  -webkit-box-shadow:0px 3px 0px 0px rgba(0, 45, 86, 0.7);
     -moz-box-shadow:0px 3px 0px 0px rgba(0, 45, 86, 0.7);
          box-shadow:0px 3px 0px 0px rgba(0, 45, 86, 0.7);
}

.nearest-recruiter .button.default:active, #mobile-chat:active {
  -moz-box-shadow: 0px 2px 0px 0px rgba(0, 45, 86, 0.7);
  -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 45, 86, 0.7);
  box-shadow: 0px 2px 0px 0px rgba(0, 45, 86, 0.7);
  top: 1px;
}
 






/*#######################################################
################# NOSC Location Map #####################
#######################################################*/

html.js div#map_canvas {
    height: 440px;
}

div#locator-result {
    font-size: 76%;
    margin-top: 2em;
}

.desktop div#locator-result {
    font-size: 98%;
}

div#locator-cards {
    width: 100%;
    float: left;
    margin-bottom: 2em;
}

*:first-child+html div#locator-cards, div#locator-result {
    height: 1%;
    margin-bottom: 15px;
}

div#locator-cards .vcard {
    width: 45%;
    float: left;
    clear: none;
}

div#locator-cards div#enlisted-card.vcard {
    margin-right: 7%;
}

div#directions {
    height: 3.5em;
    display: block;
    clear: both;
}

form#direction-form {
    margin-top: 0;
    clear: both;
    width: 18em;
}

form#direction-form dl dt {
    width: 2.6em;
    float: left;
    color: #000;
}

form#direction-form dl dd {
    float: left;
    margin-left: 3px;
    font-weight: normal;
    color: #000;
}

form#direction-form input.text {
    width: 10.8em;
    margin: 0 2px;
}

#stage div#map_canvas * {
    text-shadow: none;
}

#stage div#map_canvas h4 {
    margin-bottom: 0;
    font-size: 140%;
    color: #000;
}

#stage div#map_canvas p {
    color: #000;
    margin: 6px 0 0;
    font-weight: normal;
}

div#locator-cards .vcard h3 {
    display: none;
}

div#locator-cards .vcard div dt {
    clear: both;
    float: left;
    width: 6em;
    font-weight: bold;
}

div#locator-cards .vcard div dd {
    float: left;
}

.smartphone div#locator-cards .vcard div dt {
    min-width: 5px;
    width: auto;
}

.vcard div dl.tel span.type {
    display: none;
}

#locator-result h2 a {
    font-size: 76%;
}



/* ####################################################################
################## STORIES OF SERVICE APP.CSS FIXES ###################
#####################################################################*/


/*
#stories-grid .grid-content {
    max-width: 100% !important;
}
*/







/* ####################################################################
############################### LIFE OPS ##############################
#####################################################################*/


#life-ops strong {
    font-weight: normal;
    color: #042f56;
    text-transform: uppercase;
    line-height: 1.3;
}

#life-ops [type="checkbox"]:not(:checked) + label:before {
    background: #f8f8f8;
    line-height: 1.3;
    top: 4px;
}

#life-ops [type="checkbox"]:not(:checked) + label:before, #life-ops [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    width: 17px;
    height: 17px;
    border: 1px solid #aaa;
    line-height: 1.3;
    top: 4px;
}

#life-ops [type="checkbox"]:not(:checked) + label:after, #life-ops [type="checkbox"]:checked + label:after {
    content: "\f00c";
    position: absolute;
    line-height: 1.3;
    top: 5px;
    left: 3px;
    font-size: 1.2rem;
    color: white;
    transition: all .2s;
    font-family: FontAwesome;
}

#life-ops.step-wizard .steps.header {
    color: white;
    min-height: 8.1rem;
    margin-top: 6rem;
    margin-bottom: 2.1rem;
    background: #c2c9c6;
    width: 2010%;
    margin-left: -100.5%;
    text-align: left;
    float: left;
    clear: left;
}

#life-ops.step-wizard .steps.header.next {
    color: white;
    min-height: 8.1rem;
    margin-top: 6rem;
    margin-bottom: 2.1rem;
    background: #c2c9c6;
    width: 2010%;
    margin-left: -100.5%;
    text-align: left;
    float: none;
    clear: none;
}

#life-ops.step-wizard .header.steps.reveal.current-step {
    background: #002d56;
}

ul.errors-list li {
    color: red;
    text-transform: uppercase;
    font-family: "TradeGothicW01-BoldCn20 675334", "Oswald", sans-serif;
    font-size: 1.9rem;
    font-weight: normal;
    list-style: none;
    margin-left: 4rem;
}
ul.errors-list li:last-child {
	margin-bottom: -5rem;
}

.row h3 + .row {
	margin-top: 2rem;
}

.col-panel.theme-light-blue:after, .col-panel.style-2.theme-light-blue:after, .columns.theme-light-blue:after {
    background-color: #6593b6;
}

.col-panel.theme-dark-blue:after, .col-panel.style-2.theme-dark-blue:after, .columns.theme-dark-blue:after {
    background-color: #002d56;
}

.col-panel.theme-white:after, .col-panel.style-2.white-blue:after, .columns.theme-white:after {
    background-color: #ffffff;
}

.columns.theme-light-blue, .columns.theme-dark-blue, .columns.theme-white {
    z-index: 8;
}

.columns.theme-light-blue .my-paragraph, .columns.theme-dark-blue .my-paragraph {
    padding: 0 1.0rem;
}

.columns.theme-light-blue:after, .columns.theme-dark-blue:after, .columns.theme-white:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 1.0rem;
    right: 1.0rem;
    bottom: 0;
    z-index: -1;
}

.row .columns.theme-dark-blue .hero-title, .row .columns.theme-dark-blue h1, .row .columns.theme-dark-blue h2, .row .columns.theme-dark-blue h3, .columns.theme-dark-blue .sub-head, .row .columns.theme-dark-blue ul li, .row .columns.theme-dark-blue p, .row .columns.theme-dark-blue a, .row .columns.theme-light-blue .hero-title, .row .columns.theme-light-blue h1, .row .columns.theme-light-blue h2, .row .columns.theme-light-blue h3, .columns.theme-light-blue .sub-head, .row .columns.theme-light-blue ul li, .row .columns.theme-light-blue p, .row .columns.theme-light-blue a {
color: #ffffff;
}


/* #############################################################################
################################# IE8 ALERT ####################################
############################################################################# */


.update-alert {
    background: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    line-height: 1.7;
    width: 100%;
    height: 100%;
    display: none;
    font-size: 16px;
}

.update-alert .alert-background {
    width: 100%;
    height: 100%;
    background: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: alpha(opacity=95);
    -khtml-opacity: 0.95;
    -moz-opacity: 0.95;
    opacity: 0.95;
    float: none;
    position: absolute;
}

.update-alert .alert-inner {
    width: 800px;
    width: 66%;
    float: none;
    margin: 71px auto 0;
    margin: 9% auto 0;
    position: relative;
}

.update-alert .alert-inner h1 {
    color: #002d56;
    background-color: transparent;
    font-size: 21px;
    font-family: "TradeGothicW01-BoldCn20 675334", "Oswald", sans-serif;
}

.update-alert .alert-inner .button.default {
    color: #002d56;
    background-color: transparent;
    font-size: 19px;
}











/*#######################################################
################# NOSC Location Map #####################
#######################################################*/


/* NOSC Location */
div#nosc-map {
    width: 100%;
    margin: 0 auto;
    height: 440px;
    background-color: #E5E3DF;
    color: #000;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    height: auto;
    padding-bottom: 50%;
}

div#nosc-map *, div#map_canvas * {
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}

div#nosc-map p {
    float:none;
    width:auto;
    padding:0;
    color:#000;
    font-size:100%;
}

.nosc-container {
    position: relative;
    float: none;
    margin: 0 auto;
    width: 100%;
    max-width: 780px;
}

form#nosc-sort {
    position:relative;
    z-index:100;
    float:left;
    left:0;
    margin:4px 0 2.4rem 0;
    border:2px solid #3d494e;
    background-color:#6c7984;
    background-color:rgba(108, 121, 132, 0.75);
    color:#fff;
    font-size:90%;
}

form#nosc-sort dl {
    overflow:hidden;
    padding:2px 5px 0 5px;
    margin:0;
}

form#nosc-sort dt,
form#nosc-sort dd {
    float:left;
    padding-right:5px;
}

form#nosc-sort dt label {
    font-weight:bold;
    font-size:1.1em;
    text-shadow:none;
    margin-top:2px;
}

form#nosc-sort dd.states {
    margin-left:5px;
}

form#nosc-sort .ui-select .ui-btn {
    height:auto;
}

form#nosc-sort .ui-btn {
    margin:0
}

form#nosc-sort .ui-select .ui-btn-icon-right .ui-btn-inner {
    padding-top:2px; padding-bottom:2px;
}

/* Form addble input */
.js .addable {
    display: none;
}






/* ############################################################################
###########################  BOOTCAMP COUNTDOWN  ##############################
############################################################################ */


/* Revise ".bootcamp" container selector for actual site*/
.bootcamp ul {
    padding: 0;
}

.bootcamp ul li {
	list-style: none;
}

.bootcamp ul li.title {
	color: #002d56;
	text-rendering: optimizeLegibility;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.2;
	text-transform: uppercase;
	font-size: 1.9rem;
	font-family: "TradeGothicW01-BoldCn20 675334", "Oswald", sans-serif;
	color: #002d56;
}

.bootcamp #ui-datepicker-div {
    width: 100%;
    max-width: 220px;
}

.bootcamp li#date-checkbox-li {
	margin: 0 0 38px 0;
}

.bootcamp-image .button-default-container {
	margin: 3rem auto 5.0rem;
	width: 100%;
	float: left;
}

.bootcamp-options [type="checkbox"]:not(:checked), .bootcamp-options [type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
	top: -1px;
}

.bootcamp ul li#date-checkbox-li label{
	text-decoration: none;
	text-transform: none;
	color: #363b48;
	font-size: 16px;
	margin: 0 0 20px;
}

#canvas_thumb {
	width: 100%;
	clear: both;
	display: block;
	position: relative;
	padding: 0;
}

#canvas_thumb li {	
	width: 120px;
	height: 120px;
	margin: 0 1.5rem 1.5rem 0;
	display: inline-block;
	position: relative;
}

#canvas_thumb li > span {
	float: none;
	position: relative;
	overflow: hidden;
	width: 120px;
	height: 120px;
	margin: 0 auto;
	display: block;
}

.bootcamp-options label, .bootcamp-options h3 {
	font-size: 1.9rem;
	font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
	text-transform: uppercase;
	line-height: 1.2;
	margin-top: 1.8rem;
	margin-bottom: .2em;
	color: #002d56;
	text-rendering: optimizeLegibility;
	text-align: left;
}

.bootcamp-options label[for="datepicker"] {
	margin-top: 0;
}

.bootcamp-options label[for="dateonly"] {
	text-transform: none;
	font-size: 1.4rem;
	font-family: "Arial", "Helvetica", sans-serif;
	font-weight: 400;
	color: #363b48;
	text-align: left;
	-webkit-backface-visibility: hidden;
	margin-bottom: 1em;
	text-rendering: optimizeLegibility;
	line-height: 1.3rem;
}

.bootcamp input[type="checkbox"] + label, input[type="radio"] + label {
	margin-left: 0;
}

#bootcamp_container .bootcamp-image, #bootcamp_container .bootcamp-options {
	margin: 0;
	padding: 0;
    float: right;
    display: block;
    overflow: hidden;
    position: relative;
}

#bootcamp_container .bootcamp-image {
	margin: 3.0rem 0 0;
}

.bootcamp-image .button.default {
	cursor: pointer !important;
	font-size: 2.4rem;
	background: #6593b6;
	color: #ffffff;
	line-height: 1;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 45, 86, 0.7);
	-moz-box-shadow: 0px 2px 0px 0px rgba(0, 45, 86, 0.7);
	box-shadow: 0px 2px 0px 0px rgba(0, 45, 86, 0.7);
}

.bootcamp-image .button.default:hover {
	font-size: 2.4rem;
	background: #6593b6;
	line-height: 1;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(0, 45, 86, 0.7);
	-moz-box-shadow: 0px 3px 0px 0px rgba(0, 45, 86, 0.7);
	box-shadow: 0px 3px 0px 0px rgba(0, 45, 86, 0.7);
}



@media only screen and (min-width: 40.063em) {

	#bootcamp_container.bootcamp .bootcamp-image.columns {
	    margin: 0 1.5rem 0 -1.5rem;
	    padding: 0 0 0 1.5rem;
	}

	#bootcamp_container.bootcamp .bootcamp-options.columns {
		margin: 0;
		padding: 0 0 0 1.5rem; 
	}
	
}






/* ###############################################################
###########################  SITE MAP  ###########################
############################################################### */

.page-site-map .links a {
    font-weight: normal;
    color: #363b48;
}

.page-site-map .links a:hover{
    color: #002d56;
    text-decoration: underline;
}

.page-site-map .links > ul {
    margin-bottom: 15px;
}

.page-site-map .links > ul > li > a {

    font-size: 2rem;
    font-weight: normal;
    font-family:  "TradeGothicW01-BoldCn20 675334", "Oswald", sans-serif;
    text-transform: uppercase;
}

.page-site-map .links > ul > li > ul {
	margin-top: 10px;
    margin-bottom: 0;
}

.page-site-map .links > ul > li > ul >li {
    margin-bottom: 10px;
    line-height: 1;
}

.page-site-map .links > ul a {
    display: inline-block;
    position: relative;

}






































@media only screen {
    .promo .tab.float-right {
        float: left;
        position: relative;
    }

    .teaser.style-2 .teaser-bottom .hero-title {
        margin: 0.5rem 0 0;
    }

    .row.promo-container, .row .row.promo-container {
        margin: -21rem 0 3rem;
        padding: 0;
        max-width: 100%;
    }

    .row.promo-container .columns {
        padding: 0;
    }

    .row .row.is-bg-promo {
        padding: 0 1.0rem;
    }

    .masthead-right, .masthead-left {
        width: 100%;
    }

    [class*="column"] + [class*="column"].is-left:last-child {
      float: left;
    }
}



@media only screen and (min-width: 40.063em) {   /* ------------------- Main Media Query 640 --------------- */

    .career-detail .border-left {
        padding-left:1.5rem !important; /* This has to be here to override what is in components, but it is not needed. Columns class is being overwritten. */
        border-left: 8px solid #af2a33;
      }

    .promo .tab.float-right {
        float: none;
        position: absolute;
    }

    .row.promo-container, .row .row.promo-container {
        margin: -18rem 0 9rem;
        padding: 0;
        max-width: 100%;
    }

    .row .row.is-bg-promo {
        padding: 0 3.0rem;
    }

      .bg-box>.row p:last-child {
        margin-bottom: 0;
      }

    .teaser.style-2 .teaser-bottom .hero-title {
        margin: 3.5rem 0 0;
    }

    .teaser.medium-12 .teaser-top, .teaser.medium-12 .teaser-bottom {
        width: 50%;
        float: left;
    }

    .teaser.text-only.medium-12 .teaser-bottom {
        width: 75%;
        float: left;
      }

      .teaser.text-only .tab.is-right {
        right:1.5rem;
      }

    .tab-item {
        display: inline-block;
    }

    .tab-item.mobile {
        display: none;
    }

    .tab_section_commitment_type {
        margin-top: -1.65rem;
        margin-left: -1rem;
        line-height: 3.1rem;
        height: 3.1rem;
      }

      body.gallery-component .tab-item.is-active .tab-header-text a {
          color: #002d56;
      }

      body.gallery-component .tab-header-text a {
          color: #fff;
      }

      .tab-header-text a, .tab-header-text a:hover {
        color:white;
      }
      

      .tab-item.more ul {
        margin:1rem 0 0;
        border-radius: 3px 0 0 3px;
      }

      .tab-item ul:hover {
        display:block;
      }

      .tab-item.tab.more:hover ul {
        margin:.6rem 0 0;
        border-radius: 0 0 0 3px;
      }

    .section-folder .medium-8 {
        margin-left: 16.666667%;
        margin-right: 16.6666667%;
    }

    .arrow-nav {
        display: none;
    }

    .career-detail-img {
        display: block;
    }

    .commitment-container {
        margin-top: 3.4rem;
        z-index: 9;
      }

      .not-justified .commitment-container {
        margin-top: 6.2rem;
      }

      .commitment-type-container {
        padding-bottom:0;
    }

    .masthead .style-1 p {
        color: #ffffff;
    }

    .masthead .col-panel.style-1 .sub-head {
        color: #ffffff;
    }

    .masthead-left .subhead p, .masthead-left .subhead a {
        display: block;
    }

    .masthead .masthead-left.has-shadow:after {
        display: block;
    }

    .masthead-left .ratio-wrapper {
        padding-bottom: 56.25%;
    }

    .masthead-item.is-right {
        width: 100%;
        margin-top: 6.5rem;
    }

    .style-2 .masthead-left h2 span {
        font-size:4rem;
        position: absolute;
        bottom: 3.1rem;
    }

    .masthead-home .masthead-right, .masthead-home.red .masthead-right {
        background: url("../img/masthead/masthead-right.jpg") #6593b6 no-repeat;
        background-size: contain;
        overflow: hidden;
        background-position: left;
        height: 14.8rem;
    }

    .masthead-home .masthead-item .table {
        padding: 0 0 0 263px;
    }

    .masthead-home .button-default-container .button.video a {
        color: transparent;
    }

    .masthead-home .masthead .masthead-left .subhead p, .masthead-home .masthead .masthead-left .subhead a {
        display: block;
    }

    .tab-section > .row > .tab  {
        left: 1.5rem;
        padding-left: 1.5rem;
    }

    .tab-graphic-divider.has-toggle {
        margin: 5.0rem 0;
    }

  .tab-graphic-divider .full-part-toggle {
        position: relative;
        z-index: 99;
        clear: none;
        margin-top: 0;
    }

    .full-part-toggle .full-part-container {
        float: right;
        margin-top:0;
    }

    .tab-graphic-divider .full-part-toggle .full-part-container {
         float: right;
        margin-top: 0.5rem;
    }

    .band.toolbar {
        height: 13.1rem;
    }

    .step-wizard .steps.header span.info {
        width: 4.3%;
    }

    /* For Bret Review */
    .vertical-middle-table {
      padding: 1.5rem;
    }

    .vertical-middle-table.end {
    	/*margin-bottom: 15rem;*/ /*removed due to issues in #46604 regarding spacing on several pages*/
    	margin-bottom: 3rem;
    }

    form#nosc-sort {
        position:relative;
        z-index:100;
        float:left;
        left:0;
        margin:4px 0 -88px 0;
        border:2px solid #3d494e;
        background-color:#6c7984;
        background-color:rgba(108, 121, 132, 0.75);
        color:#fff;
        font-size:90%;
    }

    [class*="column"] + [class*="column"].is-left:last-child {
      float: left;
    }

    .section-folder .medium-8.no-margin {
        margin-left: 0;
        margin-right: 0;
    }

    /* Event @640 */
    .row.event {
      padding:5rem 0;
    }

    .date-display {
      width: 66%;
      margin: 0 auto;
    }

    .date-display p {
      padding: 10% 25%;
    }
    .date-display .day {
      font-size: 9.9rem;
      padding-left:0;
    }

    /* Downloads */
      .download.medium-6:nth-child(3) {
      clear:both;
      float:left;
    }

    .download.large-4:nth-of-type(3n+5) {
      clear:both;
      float:left;
    }

    .download.style-other {
      margin-bottom:0;
    }

    .download.style-other::after {
      display: none;
    }

    .download-title, .download-size, .download-description {
      padding-right:3rem;
    }

    .style-other .download-title, .style-other .download-size, .style-other .download-description {
      padding-right:0;
    }

    .download-thumb {
      display: block;
      width: 100%;
      position: relative;
      height: 0;
      overflow: hidden;
      margin-bottom:1.2rem;
    }

    .style-pdf .download-thumb {
      padding:129.411764705882% 0 0 0;
    }

    .style-other .download-thumb {
      padding:66.666666666667% 0 0 0;
    }

    .download-thumb img {
      position: absolute;
      display: block;
      max-width: 100%;
      max-height: 100%;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
    }

    .download .button-default-container {
      width:100%;
      margin-bottom:0;
    }

    .download-size {
      margin-bottom:1.2rem;
    }

    /* forms - contact & requester */
    .form-wrapper .form-row input, .form-wrapper .form-row select,
    .form-wrapper .prop input, .form-wrapper .prop select {
        width:80%;
    }
    
    .prop.hidden > dt > label[for="specialty"] {
    	display: none;
	}
	

    /* poll */
     .poll-wrapper {
      padding: 3.1rem 1.5rem;
    }

    .poll-wrapper::before {
      left: 1.5rem;
    }

    .poll-wrapper::after {
      right: 1.5rem;
    }

    /* life ops */
    #life-ops .content.steps > li {
        width: 32%;
        margin: 0 0 1rem 0;
        padding: 0;
        display: block;
        float: left;
    }
    
     /*specific fix for nearest recruiter on en espanol page*/
  	.page-en-espanol .columns.nearest-recruiter {
      	float: left;
  	}



    /* The 1.5rem changes */
    .column, .columns {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .row .row {
        width: auto;
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        margin-top: 0;
        margin-bottom: 0;
        max-width: none;
       }

    .button.flipped-h {
        margin-right: 1.5rem;
    }

    .button.tab {
        margin-left: 1.5rem;
    }

    .button.tab.is-right {
        margin-right: 1.5rem;
    }

    .content-container {
        margin: 0 -1.5rem;
    }


    .col-panel {
        padding: 0 1.5rem;
    }

    .col-panel:after {
        left: 1.5rem;
        right: 1.5rem;
    }

    .col-panel.bg-grey:after {
        background-color: #E0E4E2;
    }

    .has-shadow:after {
        left: 1.5rem;
        right: 1.5rem;
    }

    .col-panel.join-segment:after {
        left: 1.5rem;
        right: 1.5rem;
    }

    .col-panel.border-bottom:after, .col-panel.border-top:after  {
        left: 1.5rem;
        right: 1.5rem;
    }

    .side-teaser.large-12 {
        padding: 0 1.5rem;
    }

    .side-teaser.has-image {
        padding: 0 1.5rem;
    }

    .side-teaser.has-image .after-img {
        padding: 0 1.5rem 0 0;
    }

    .is-right.tab {
        right: 1.5rem;
    }

    .sb-icon-search.medium-down {
        margin-right: 1.5rem;
    }

    .tab-section.generic-tab-section .small-12 {
        padding: 0 1.5rem;
    }

    .generic-tab-section {
        padding: 8.1rem 1.5rem 3.1rem;
    }

    .columns.theme-light-blue:after, .columns.theme-dark-blue:after, .columns.theme-white:after {
        left: 1.5rem;
        right: 1.5rem;
    }

    .columns.theme-light-blue .my-paragraph, .columns.theme-dark-blue .my-paragraph {
        padding: 0 1.5rem;
    }


/* End of the 1.5rem changes */


}

@media only screen and (min-width: 58.75em) { /* --------------- 940 --------------- */

    .nav-drop-down li {
        padding: 1rem;
        border-left: 0.75rem solid;
        border-right: 0.75rem solid;
        border-color: #6593b6;
    }

    .nav-drop-down .level-5 li {
        border-right: 1.5rem solid #6593b6;
    }

    .nav-drop-down .nav-drop-down-inner .level-2 {
        float: left;
        padding: 0;
        height: 100%;
        border-right: 1px solid rgba(255,255,255,0.25);
    }

    .columns.level-3, .columns.level-4, .columns.level-5 {
        display: none;
        position: absolute;
        width: 100%;
        left: 100%;
        top: 0;
        padding: 0;
        margin-left: 0;
        height: 100%;
        border-right: 1px solid rgba(255,255,255,0.25);
        margin-left: 0.1rem;
        margin-right: -0.1rem;
    }

    .nav-drop-down .nav-drop-down-inner ul.level-5 {
        border-right: none;
    }

    .nav-drop-down .level-5 li a {
        padding-right: 2.25rem;
    }

    .nav-drop-down .level-5 li a:after {
        right: 2.25rem;
    }

    .nav-drop-down ul li:hover>ul {
        display: block;
    }

    .nav-drop-down > li:hover > a {
        display: block;
    }

    .nav-drop-down-inner a:after {
        content: ">";
        float: right;
        position: absolute;
        width: 1rem;
        right: 1.5rem;
    }

    .nav-drop-down-inner ul li.leaf a:after {
        content: "";
    }

    .nav-drop-down-inner a {
        color: white;
        line-height: 1.8rem;
        padding-right: 1.5rem;
    }

    .nav-menu li.is-active {
        background-color: #6593b6;
    }

    .row.promo-container, .row .row.promo-container {
        margin: -9rem 0 9rem;
    }

    [class*="column"] + [class*="column"].is-left:last-child {
      float: left;
    }

    /* For Bret Review */
    .row .row.is-bg-promo {
        padding: 0 5.5rem;
    }

    .teaser.medium-12 .teaser-top, .teaser.medium-12 .teaser-bottom {
        width: 100%;
        float: none;
    }

    .row.masthead {
        margin: -1.0rem auto 1.0rem;
    }

    .masthead-left .subhead p, .masthead-left .subhead a {
        display: none;
    }

    .masthead-item.is-left {
        width:75.641025641026%;
        overflow: visible;
    }

    .masthead-item.is-right {
        width:24.358974358974%;
        margin-top: 0;
        -webkit-box-shadow: inset 1px 0px 0px 0px rgba(255,255,255,1);
        -moz-box-shadow: inset 1px 0px 0px 0px rgba(255,255,255,1);
        box-shadow: inset 1px 0px 0px 0px rgba(255,255,255,1);
    }

    .masthead-item .table-cell {
           padding: 1rem;
     }

    .ratio-wrapper {
        padding-bottom: 174.736842105263%;
    }

    .inside-ratio {
        padding-bottom: 174.736842105263%;
        position: relative;
        height: 0;
        width: 0;
        display: table-cell;
    }

    .ratio-wrapper.active {
        padding-bottom: 56.25%;
    }

    .position-wrapper.right {
        position: absolute;
    }

    .masthead .primary-copy.quote, .masthead .secondary-copy.quote {
        margin: 0 0 1rem 0;
      }

    .masthead .button-default-container {
        float: none;
        margin: 0 auto;
        clear: both;
    }

    .masthead .has-shadow:after {
        display: block;
        margin-bottom: 6rem;
    }

    .masthead .masthead-left.has-shadow:after {
        display: none;
    }

    .masthead-left .has-shadow:after {
        content: " ";
        display: table;
    }

    .masthead-left .ratio-wrapper {
        padding-bottom: 56.25%;
    }

    .masthead-home .masthead-item .table {
        background-color: rgba(0,0,0, 0.2);
        padding: 0;
    }

    .masthead-home .masthead-item .table-cell {
        display: table-cell;
        vertical-align: bottom;
        padding: 1.5rem;
        margin: 0;
    }

    .masthead-home .masthead .primary-copy {
        font-size: 2.4rem;
        text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.6);
    }

    .masthead-home .masthead-right, .masthead-home.red .masthead-right {
        background-size: cover;
        background-position: center;
        height: inherit;
    }

    .masthead-left .subhead p, .masthead-left .subhead a {
        display: block;
    }

    .masthead-home .masthead .masthead-left .subhead p, .masthead-home .masthead .masthead-left .subhead a {
        display: block;
    }

    .style-2 .masthead-left h2 span {
       font-size:6rem;
       bottom: 5rem;
    }

    .section-folder .medium-8 {
        margin-left: 0;
        margin-right: 0;
    }

    #social-tab .tab-header-text {
        font-size: 2.1rem;
    }

    .tab_section_commitment_type {
        margin-top: -2.75rem;
        margin-left: -1rem;
        line-height: 5.7rem;
        height: 5.7rem;
      }

      .teaser.text-only{/* remove margin top for large  */
          margin-top:0;
      }

      .teaser.text-only.medium-12 .teaser-bottom {
        width: 100%;
      }

      .article.large-8 {
        padding-right:3.0rem;
      }

      /* For Bret Review */
      .vertical-middle-table {
        padding: 0;
      }

      .vertical-middle-table.end {
        margin-bottom: 3rem;
      }

    /* Event @940 */
    .event-component .row.is-toolbar {
      margin-top: 9.3rem;
    }

    .event-component .event-list {
      margin-top:8.1rem;
    }

  /* Downloads */
    .download.medium-6:nth-child(3) {
      clear:none;
    }

    .download.large-6:nth-of-type(2n+3) {
      clear:both;
      float:left;
    }

    .download.large-3:nth-of-type(4n+5) {
      clear:both;
      float:left;
    }


     .download {
      border-bottom:none;
    }

    .download::after {
      display: none;
    }

    /* forms - contact & requester */
    .form-wrapper .form-row input, .form-wrapper .form-row select,
    .form-wrapper .prop input, .form-wrapper .prop select {
        width:70%;
    }
}








@media only screen and (min-width: 75em) {
      .masthead-item .table-cell {
        padding: 1rem 3rem;
      }

      .masthead .primary-copy.quote {
           font-size: 2.1rem;
        margin: 0 0 1.9rem 0;
      }

      .masthead .secondary-copy.quote {
        margin: 0 0 1.9rem 0;
      }
}



/* End Matt Stuff*/

/* Standard Container Edits */
.standard-container {
  margin-top: 0;
}

p.my-paragraph.caption {
  font-family: "Arial", sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  color: #002d56;
  line-height: 2.1rem;
  padding: 1.2rem 0;
  margin-top:-2.3rem;
}

.border-bottom:after {
  border-bottom: 10px solid #002d56;
}
/* end Standard Container Edits */

/* BG-Box Edits */
.bg-box {
  margin: 0;
  height: 100%;
  position: relative;
  background-color: #f2f4f3;
  border-top: 1px solid #c2c9c6;
  border-bottom: 1px solid #c2c9c6;
  padding: 5rem 1.5rem;
  margin: 5rem 0;
  float: left;
  width: 100%;
}

.bg-box.medium-gray{
 background-color:#e0e4e2;
}
/* end BG-Box Edits */

/* Nav-menu current is-dim Edits */
.nav-menu > .is-current {
  -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
     -o-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
}

.nav-menu > .is-current.is-dim {
  opacity:1;
  background-color:rgba(255,255,255,.5);
}

.nav-menu > .is-current > a {
  color:rgba(0, 45, 86, 1);
  -webkit-transition: all 200ms ease-out;
     -moz-transition: all 200ms ease-out;
      -ms-transition: all 200ms ease-out;
       -o-transition: all 200ms ease-out;
          transition: all 200ms ease-out;
}

.nav-menu > .is-current.is-dim > a {
  color:rgba(0, 45, 86, 0.8);
}
/* end Nav Edits */

/* Child-Page Edits*/
#child-pages-container.bg-box {
  margin-bottom:.1rem;
  padding-bottom:0;
}

.child-link-container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5rem;
  float: none;
  max-width: 32rem;
}

.child-link-description {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  font: bold 1.2rem Arial, Helvetica, sans-serif;
  color: #002d56;
  max-width: 32rem;
  line-height: 1.8rem;
  padding-top: .8rem;
}

#child-pages-container h1 {
  font-size: 2.4rem;
  line-height: 1;
  padding-top: 0;
  padding-bottom: 0;
}
#child-pages-container hr {
  border: solid rgba(54, 59, 72, 0.25);
  border-width: 1px 0 0;
  margin-top: 1.7rem;
  margin-bottom: 3.1rem;
}
/* end Child-Page Edits*/

/* Block Grid Edits */
[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 .5rem;
}

@media only screen and (min-width: 40rem) {
  [class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 1rem;
  }
}
/* end Block Grid Edits */

/* Container Edits */
#container {
  overflow:hidden;/* prevent scroll-y that is persisting */
}
/* end Container Edits */

/* Non-feature Vertical-Middle Article Edits */
.non-feature .article > p:last-child {
    padding-bottom:3.1rem;
  }
/* end Non-feature Vertical-Middle Article Edits */



.flex-video {
    padding-top: 0;
    padding-bottom: 56.25%;
}


img.video-cover {
    position: absolute;
    z-index: 12;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: block;
}







@media only screen {
  .row {
    padding-left: 0;
    padding-right: 0;
  }

  .row .row {
    padding-left:0;
    padding-right:0;
  }

}

@media only screen and (min-width: 40rem) {
    .row {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

}

@media only screen and (min-width: 58.75em) {
    .row {
    padding-left: 4rem;
    padding-right: 4rem;
    max-width:128.0rem;
  }

}

/****************************/
/* STYLES ADDED BY PAUL TO SUPPORT BORDER CONFIGURATION*/
/***************************/

.style-3.border-bottom:after {
    border-color: transparent;
}

.border-bottom:after,
.border-bottom.border-dark-blue:after {
    border-bottom: 10px solid #002d56;
}

.border-image.border-dark-blue img,
.border-bottom.border-dark-blue {
    border-color: #002d56;
}

.border-image.border-light-blue img,
.border-bottom.border-light-blue:after {
    border-color: #6593b6;
}

.border-image.border-dark-green img,
.border-bottom.border-dark-green:after {
    border-color: #137447;
}

.border-image.border-purple img,
.border-bottom.border-purple:after {
    border-color: #803960;
}

.border-image.border-red img,
.border-bottom.border-red:after {
    border-color: #af2a33;
}

.border-image.border-yellow img,
.border-yellow:after {
    border-color: #cddc29;
}






/* PROPOSED CHANGES FOR NAVY LAUNCH */
.row {
    clear: both;
}

.bg-box {
    float: none !important;
}

#footer-root {
    float: none !important;
}

#life-ops-results {
	float: none;
}

.nav-logo.show-for-medium-up img {
    margin-left: 0;
}

.page-ports .vertical-middle-table.end {
	margin-bottom: 15rem;
}

@media only screen and (min-width: 58.75em) {
    .page-ports .vertical-middle-table.end {
	   margin-bottom: 3rem;
    }
}

.page-humanitarian .bg-box.band .row .small-12.medium-12.large-5.small-offset-0.medium-offset-0.large-offset-1.columns {
    padding: 0;
}

.page-humanitarian .bg-box.band .row .small-12.medium-12.large-5.small-offset-0.medium-offset-0.large-offset-1.columns .teaser-bottom {
    width: 100%;
}

#fixed-nav .nav-menu-button {
	position: relative;
	z-index: 2;
}

#container.nav-active .offcanvas-nav {
    z-index: 999;
}

#container.nav-active #fixed-nav {
    left: 285px;
}

#container.nav-active #fixed-nav:before {
    width: 104.29%;
    margin-left: -4.29%;
}

#site-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #ffffff;
}

#container {
  position: relative;
  width: 100%;
  left: 0;
  transition: left 500ms ease;
  backface-visibility: hidden;
  overflow: visible;
}

#container.nav-active {
    left: 270px;
}

#site-wrapper #container .offcanvas-nav {
    left: -270px;
    height: 100%;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    overflow: hidden;
}

.row.promo-container {
	margin: 0px 0 6rem;
}

.row.promo-container .row.promo-container {
    margin: 0 0 0rem;
}

.row.promo-container .row.promo-container .bg-promo.band.promo {
    margin: 9.0rem 0px;
}

.row.promo-container .row.promo-container .row.is-bg-promo {
    margin: 9rem auto 0px;
}


@media only screen and (min-width: 40.063em) {
	.row.promo-container {
		margin: 0px 0 18rem;
	}
	
	.row.promo-container .row.promo-container {
	    margin: 0 0 0rem;
	}
	
	.row.promo-container .row.promo-container .bg-promo.band.promo {
	    margin: 12.0rem 0px;
	}
	
	.row.promo-container .row.promo-container .row.is-bg-promo {
	    margin: 12rem auto 0px;
	}

    [class*="column"] + [class*="column"].is-left:last-child {
      float: left;
    }

    .section-folder .medium-8.no-margin {
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (min-width: 58.75em) {
	.row.promo-container {
		margin: 0 0 9rem;
	}
	
	.row.promo-container .row.promo-container {
	    margin: 0 0 9rem;
	}
	
	.row.promo-container .row.promo-container .bg-promo.band.promo {
	    margin: 21.0rem 0px;
	}
	
	.row.promo-container .row.promo-container .row.is-bg-promo {
	    margin: 21rem auto 0px;
	}

    [class*="column"] + [class*="column"].is-left:last-child {
      float: left;
    }
}